Scroll 附加延迟向上滚动:引导4智能滚动移动菜单

Scroll 附加延迟向上滚动:引导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_

我正在使用来自的智能滚动解决方案

当用户向上滚动时,我想在菜单返回之前添加一个延迟,这样当您向上滚动一点点时,它就不会覆盖网页的内容。如何做到这一点?添加.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;
    });
}
.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;*/
}