Question

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

如果我这样做它会工作，但如果我这样做它不起作用，我只是想，如果我向下滚动100pixxel然后我的导航将获得另一种颜色，但如果未来400px，它将获得另一种颜色，这是什么我想要。抱歉我的英文不好

（文档）$。就绪（函数（）{

$(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')
}

}）; }）;

Answer 1

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

您是否尝试过jQuery Waypoints？

http://imakewebthings.com/jquery-waypoints/#get-started

您可以设置option - ＆gt; offset为像素或百分比值。

示例：

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

这应该没问题。

jQuery滚动功能在100px之后，然后再在600px之后

1 个答案: