【问题标题】: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

    您可能想检查一下。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-01-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-05-14
      • 1970-01-01
      相关资源
      最近更新 更多