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



我正在构建一个单页网站,每个不同的"页面"都是不同的div。每个div都放在一个下面,所以一次只能查看一个div。我想知道用户何时滚动到其中一个div,并且正在查看其中一个,以及基于哪个div ID更改导航中相应链接的CSS。欢迎提供任何指导。谢谢

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

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

$(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/

最新更新