使用滚动页面底部添加类

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的强大插件。

您可能需要查看它。