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

【问题标题】：add class with scrolling bottom of page添加带有滚动页面底部的类
【发布时间】：2013-06-11 06:59:54
【问题描述】：

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

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

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

【问题讨论】：

标签： jquery class navigation scroll

【解决方案1】：

你可以的，

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

【讨论】：

谢谢你，苏迪尔。再次滚动到顶部时如何删除类？

【解决方案2】：

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

您可能想检查一下。

【讨论】：