javascript - jQuery - 告诉页面何时滚动到并正在查看特定的 DIV

Question

我正在建立一个单页网站，每个不同的“页面”都是一个不同的 div。每个 div 被放置在彼此下方，因此一次只能看到一个 div。我希望能够判断用户何时滚动到并正在查看其中一个 div，并根据哪个 div ID 更改导航中相应链接的 CSS。任何指导表示赞赏。谢谢！

Answer 1

看看这个插件 - 它完全符合你的描述

http://imakewebthings.com/jquery-waypoints/

Answer 2

$(window).on("scroll", function(){
    var allDivs = $("div");
    for(var i = allDivs.length - 1; i >= 0; i--){
        if($(allDivs[i]).position().top < document.body.scrollTop + 100){
            $("span").text(allDivs[i].innerText);
            break;
        }
    }
});

http://jsfiddle.net/AzMxG/