Scroll 附加延迟向上滚动:引导4智能滚动移动菜单
我正在使用来自的智能滚动解决方案 当用户向上滚动时,我想在菜单返回之前添加一个延迟,这样当您向上滚动一点点时,它就不会覆盖网页的内容。如何做到这一点?添加.delay(1000)似乎不起作用。还加 jsScroll 附加延迟向上滚动:引导4智能滚动移动菜单,scroll,delay,Scroll,Delay,我正在使用来自的智能滚动解决方案 当用户向上滚动时,我想在菜单返回之前添加一个延迟,这样当您向上滚动一点点时,它就不会覆盖网页的内容。如何做到这一点?添加.delay(1000)似乎不起作用。还加 js if ($('.navbar').length > 0) { // check if element exists var last_scroll_top = 0; $(window).on('scroll', function() { scroll_
if ($('.navbar').length > 0) { // check if element exists
var last_scroll_top = 0;
$(window).on('scroll', function() {
scroll_top = $(this).scrollTop();
if(scroll_top > 80 && scroll_top < last_scroll_top) {
$('.navbar').removeClass('scrolled-down').addClass('scrolled-up');
}
else if(scroll_top > 100) {
$('.navbar').removeClass('scrolled-up').addClass('scrolled-down');
}
last_scroll_top = scroll_top;
});
}
.navbar {
background-color:white;
position: fixed;
width: 100%;
top:0;
right: 0;
left: 0;
z-index:9999;
}
.scrolled-down{
transform:translateY(-300%); transition: all 1.6s ease-in-out;
}
.scrolled-up{
transform:translateY(0); transition: all 1s ease-in-out;
/*transition-delay: 0.5s;*/
}