滚动某个元素时更改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");    
});

在可能的情况下，最好使用类而不是内联样式。