css - 在特定元素处滚动时更改 css

Question

我有这个：

$(window).scroll(function () {
  $("h1").css("color", "white");
});

现在我的问题：我不希望它在您开始滚动时立即更改 CSS。那么我在哪里可以说明这个功能应该在什么时候发生呢？

更具体地说：我希望它在某个 div 上执行此操作，这可能吗？

这是我得到的一个示例：http://jsfiddle.net/k5ugL/ 当您向下滚动并到达黑色 div 时，标题应该变成白色，我该怎么做？

Answer 1

当您从窗口顶部滚动 50 像素时，将执行此 js。这回答了你的问题了吗？

$(window).scroll( function(){
    if($(window).scrollTop() > 50) $("h1").addClass("myclass");
    else $("h1").removeClass("myclass");    
});

尽可能使用类而不是内联样式。