延迟加载时间：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 (将#修改为@）