javascript - 向下滚动时隐藏菜单(但仅在 50px 之后)

Question

此脚本使得当您在浏览器中向下滚动时导航栏消失/隐藏在标题后面。我想知道是否有可能在您向下滚动时立即隐藏，在用户向下滚动一定数量的像素(例如 50px)后隐藏它，以避免敏感的导航隐藏在最轻微的滚动上。

提前感谢您的指导。

//导航滚动测试

var prev = 0;
var $window = $(window);
var nav = $('#belowhead');

$window.on('scroll', function(){

  var scrollTop = $window.scrollTop();
  nav.toggleClass('hidden', scrollTop > prev);
  prev = scrollTop;
});

Answer 1

您可以将其放入“window.on('scroll')”函数中:

if(scrollTop > 50) {

  nav.addClass('hidden');

} else {

  nav.removeClass('hidden');

}