На сайте, есть мобильное меню (в моб версии) при скролле вниз, он липнет к верху и этот переход происходит очень резко, как добавить планость этому процессу, чтобы при скролле меню плавно занимало вверх?
Мое предположение, что реализовывается это на js или jquery
Скрин про какое меню идет речь:
Код js который отвечает за эффект липкого меню:
$(function(){
$(window).scroll(function() {
if($(this).scrollTop() >= 1) {
$('.sticky').addClass(' sticky-menu ');
}
else{
$('.sticky').removeClass(' sticky-menu ');
}
});
Ну и собственно классы которые добавляет этот код:
.sticky {
z-index: 9999999;
border-bottom: 1px solid #ccc;
width: 100%;
}
.sticky-menu {
position: fixed;
top: 0;
}