jquery - 添加带有滚动页面底部的类

Question

我有这样的右/下固定导航。

<div style='position:fixed; bottom:10px; right:10px;'>NAVIGATION</div>

滚动到页面底部时，我想将类（底部：100px）添加到导航中。一些帮助 ：-）

Answer 1

你可以做，

$(window).scroll(function() {
   $("#yourNavigationId").removeClass("some_class");
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       //you are at bottom
       $("#yourNavigationId").addClass("some_class");
   }
});

Answer 2

如果你需要更多的功能，有一个很棒的插件叫做 jQuery Waypoints。

你可能想检查一下。