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/