Добро пожаловать на сайт SEDBY

Отображаем шапку сайта при скролле вверх в мобильной версии

Отображаем шапку сайта при скролле вверх в мобильной версии

Код без модификаций подойдет и для кнопки наверх

// Hide block on scroll down
var didScroll;
var lastScrollTop = 0;
var delta = 5;
var target = $('nav#mainnav');
var targetHeight = target.outerHeight();

$(window).scroll(function(event) {
  didScroll = true;
});

setInterval(function() {
  if (didScroll) {
    hasScrolled();
    didScroll = false;
  }
}, 250);

function hasScrolled() {
  var st = $(this).scrollTop();

  // Make sure scroll exceeds delta
  if (Math.abs(lastScrollTop - st) <= delta) {
    return;
  }

  // If user scrolled down past the navbar, add class .hide-me
  // so that you never see what is behind the navbar.
  if (st > lastScrollTop && st > targetHeight) {
    // Scroll Down
    target.removeClass('show-me').addClass('hide-me');
  } else {
    // Scroll Up
    if (st + $(window).height() < $(document).height()) {
      target.removeClass('hide-me').addClass('show-me');
    }
  }
  lastScrollTop = st;
};
  • Создан: 18.02.26 @ 11:30
  • Будет удален: никогда
  • Просмотры сниппета: 10
  • Тип кода: JavaScript
  • Владелец: admin
Новые сниппеты:
Блок пользователя
Регистрация на нашем сайте позволит вам общаться на форумах и получить доступ к другому полезному функционалу
Вы вошли как Гость