如何解决延迟加载时间:Bootstrap 4 Smart Scroll Mobile菜单
我正在使用https://bootstrap-menu.com/detail-smart-hide.html上的Smart Scroll解决方案
当用户向上滚动时,我想在菜单返回之前添加一个延迟,因此当您向上滚动一点时,它不会覆盖网页的内容。这该怎么做?添加.delay(1000)似乎无效。同时添加
js
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;
});
}
css
.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;*/
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。