javascript - 当用户向下滚动 X 个像素时向 div 添加类

Question

我使用下面的代码根据用户滚动的方向添加/删除类。到目前为止，只要用户从点 0 向下滚动，该类就会被添加。我希望当用户向下滚动至少 X 个像素时添加该类。我尝试更改 lastScrollTop 变量中的 0 但没有成功。有人可以帮我吗？

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       $('#masthead').addClass('unpinned');
   } else {
      $('#masthead').removeClass('unpinned');
   }
   lastScrollTop = st;
});

注意:代码设置为一旦用户开始从任意点向后滚动，该类就会被删除。我想保留这个方面。

Answer 1

您需要做的就是将 jQuery addClass 调用包装在 if 语句中，检查 st 的大小，如下所示:

    if(st > 2000) $('#masthead').addClass('unpinned');

只有当用户向下滚动 2000px 时才会添加该类。