Как сделать плавный захват меню?

Question

[Kalwin UA]

Здравствуйте, нужна помощь с блоком меню, поиском и прочими кнопками. При скролле в низ он должен "прилипать" с того положения где он находится, а оно при первых прокрутах в низ прыгает к верху браузера и так же обратно. Вот что имеется: ссыль где можно глянуть на примере и сам код js

$(window).scroll(function() {
      if ($(window).scrollTop() > elementPosition.top) {
        $('.panel-nav').addClass("fixed");
        $("body").css({
          "paddingTop": "80"
        })
      } else {
        $('.panel-nav').removeClass("fixed");
        $("body").css({
          "paddingTop": "80"
        })
      }
    });

Answer 1

[Вадим]

Вам тут не нужен js. Если конечно не обязательна поддержка ИЕ.

.panel-nav {
  position: sticky;
  top: 0;
}

Comments

[Kalwin UA]

Спасибо за совет.