Появление меню при прокрутке вверх и исчезновение при прокрутке вниз

[artem19]

Здравствуйте!
Может кто поможет? Как реализовать функцию скрытия слоя при прокрутке вниз страницы, но при прокрутке вверх чтобы слой появлялся.
Заранее благодарю!!!!

[anonimus]

Один из вариантов - использование событий
А именно:
onscrollhide (срабатывание события при скрытии объекта с экрана)
onscrollrevealpartial (срабатывание события при появлении объекта на экране)

[anonimus]

пример

[ekaterina51]

Держи! Думаю это то, что надо.

12345.rar

[Eric]

Скрытие слоя при прокрутке вниз страницы

Код: Выделить всё

#ID_Слоя{
display: none;
}

Код: Выделить всё

<script>
$(document).scroll(function () {
    if ($(this).scrollTop() > 500) {     //задержка
      $('#ID_Слоя').fadeIn(100);       //скорость появления
    } else {
      $('#ID_Слоя').fadeOut(100);     //скорость исчезновения
    }
  });
</script>


[Gudwinn]

artem19, вот вариант самый простой для фиксированной шапки, джейквери должна быть подрублена

Код: Выделить всё

<script>
let header = $('#Layer1'),// айдишник плавающей шапки
      scrollPrev = 0;

$(window).scroll(function() {
   let scrolled = $(window).scrollTop();
 
   if ( scrolled > 100 && scrolled > scrollPrev ) {
      header.fadeOut(500); //скорость скрытия шапки
   } else {
      header.fadeIn(500);//скорость отображения шапки
   }
   scrollPrev = scrolled;
});
</script>


вставить это всё дело до body в исходнике страницы