获取类为.waypoint的元素在滚动屏幕顶部时的id

Question

我有一个带有一堆链接的导航栏，可以滚动窗口到页面上的各种锚(或路点)。我另外需要的是当窗口被手动滚动时，我想切换导航栏中的链接类别(到.active)的基础上什么路点击中屏幕顶部。我的路点基本如下：

<span class="waypoint" id="link1"></span>

我目前正在使用jQuery来做这件事。

我希望这是有意义的！

Answer 1

你有没有考虑过用这个？

http://getbootstrap.com/javascript/#scrollspy

Answer 2

这就是你要的

DEMO

$(window).scroll(function() {
    var waypoint = $(".waypoint").not(".seen").first();
    var scrollTop = $(window).scrollTop();

    // change to active 0-10 pixels 
    if (scrollTop >= waypoint.offset().top && scrollTop <= waypoint.offset().top+10) {
        waypoint.addClass("active");
    }
    if (scrollTop > waypoint.offset().top+10) {
        waypoint.addClass("seen");
        waypoint.removeClass("active");
    }
});