我正在构建一个单页网站,每个不同的"页面"都是不同的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/