Лого в меню

[Alena_sevik]

Добрый вечер!
Подскажите,пожалуйста,буду очень признательна.
У меня в "липком" меню присутствует картинка-лого. Но мне нужно сделать так, чтобы лого появлялось при прокрутке менюшки. Как здесь: http://www.wearable-technologies.com

[Naive]

а что подсказать то надо?

[MaTBeu]

Вам нужно обрабатывать событие onscroll - саму реализацию появления лого можно сделать по-разному. Если совсем как на сайте - нужно создать маленькое лого внутри меню типа такого

<div class="menu">
<div class="logo-small">...</div>
<!-- меню -->
</div>

Назначить ему стиль

.menu {
   position: relative;
   /* остальные стили */
}

.logo-small {
   position: absolute;
   left: 0;
   top: -40px; /* 40 пикселей - высота лого - можно поставить любую*/
   width: 40px;
   height: 40px;
}

Далее при помощи JavaScript

// код не проверял
document.querySelector("body").addEventListener("scroll", function(event) {
   // здесь определяем позицию скролла - offsetTop к примеру
   if(offsetTop > 100) { // 100 - высота шапки сайта
       var menu_offset = parseInt(document.querySelector(".logo-small").style.top),
            menu_offset_new = menu_offset + (offsetTop - 100);
       if(menu_offset_new <= 0) {
           document.querySelector(".logo-small").style.top = menu_offset_new + 'px';
       }
   }
}, false);

Как-то так

[Naive]

MaTBeu, при прокрутке до верха скрываться не будет.

[MaTBeu]

Сообщение от Naive

MaTBeu, при прокрутке до верха скрываться не будет.

Конечно не будет. Я лишь показал направление мыслей

[Naive]

Сообщение от MaTBeu

Конечно не будет. Я лишь показал направление мыслей

а еще не будет работать в ИЕ8- ))

[MaTBeu]

Сообщение от Naive

а еще не будет работать в ИЕ8- ))

jQuery порешает все проблемы с ИЕ