靠近页面底部时添加/删除类

Question

我有下面的jquery,当用户点击页面底部时添加或删除一个类.我想调整此代码以在用户接近底部时实现更改,或者当底部进入视口时？

任何帮助非常感谢!

JS

// Add/remove class to/from .logo upon reaching bottom of page
$(window).scroll(function() {
   $(".logo").removeClass("viewport-bottom");
   if($(window).scrollTop() + $(window).height() === $(document).height()) {
       //you are at bottom
       $(".logo").addClass("viewport-bottom");
   }
});

Answer 1

$(window).scroll(function() {
   $(".logo").removeClass("viewport-bottom");
   if($(window).scrollTop() + $(window).height() > ($(document).height() - 100) ) {
       //you are at bottom
       $(".logo").addClass("viewport-bottom");
   }
});

更改减去的值以满足您的需求.使用===仅在滚动条位于该精确像素时才起作用.