jquery - 当页面滚动到达特定id时添加类

Question

我在 div 中有一个 Id <div id="Section1"> abc </div>和链接 <a id="link" href="#Section1">Section1</a>

问题:当我滚动页面并且页面到达 id #Section1 时应该在链接中添加一个类，链接应该像 <a id="link" href="#Section1" class="ok">Section1</a>

Answer 1

你可以这样使用:

$(window).scroll(function (event) {
    var scroll = $(window).scrollTop();
    $('#link').toggleClass('ok',
     //add 'ok' class when div position match or exceeds else remove the 'ok' class.
      scroll >= $('#Section1').offset().top
    );
});
//trigger the scroll
$(window).scroll();//ensure if you're in current position when page is refreshed

请参阅 toggleClass 的文档.