Scroll jQuery在100px之后滚动，然后在600px之后再次滚动

如果我这样做会有效果，但如果我这样做了就没有效果了，我只想， 如果我向下滚动100像素，那么我的导航将 另一种颜色，但如果下一步400像素，它会得到另一种颜色，这是什么 我想要。对不起，我英语不好

$（文档）.ready（函数（）{

}))；

---

});

我知道这有点老了，但没人接，所以我想我会的

您尝试过jQuery航路点吗

您可以将

选项设置为像素或百分比值

例如：

$(window).scroll(function() {
if ($(document).scrollTop() > 100) {
    $('#navigatie ul li a').css('color' , '#616161') 
}
else{
$('#navigatie ul li a').css('color' , '#FFF')
}
});

$(window).scroll(function() {
if ($(document).scrollTop() > 600) {
$('#navigatie ul li a').css('color' , '#F00') 
}
else{
$('#navigatie ul li a').css('color' , '#FFF')
}

没问题，这就可以了

$(window).scroll(function() {
if ($(document).scrollTop() > 100) {
    $('#navigatie ul li a').css('color' , '#616161') 
}
else{
$('#navigatie ul li a').css('color' , '#FFF')
}
});

$(window).scroll(function() {
if ($(document).scrollTop() > 600) {
$('#navigatie ul li a').css('color' , '#F00') 
}
else{
$('#navigatie ul li a').css('color' , '#FFF')
}

$('#example-offset-pixels').waypoint(function() {
  // do something here
}, { offset: 100 });