当您向下滚动页面时，如何更改固定位置h2的颜色？

Question

在website我有一个h2的侧边栏可以帮助你导航。这在主页上工作正常，但在照片没有填满整个屏幕的页面上没有。当您向下滚动白色背景上的白色文本时，无法读取文本。有没有办法让你滚动经过div（页面的35％），文字可以改变颜色从白色到黑色？

如果有帮助的话，这个家伙here似乎会做一些与他的徽标类似的东西。

谢谢

Answer 1

我之前使用jQuery waypoints效果很好。它使用起来非常简单，你可以指定执行事物的点，当它滚动到那里时它会完成它们。我使用了与你所描述的here类似的效果。

Answer 2

尝试以下JS小提琴......

http://jsfiddle.net/arunberti/uMPuW/39/

         $(document).ready(function () {
       var $scrollingDiv = $("#hdr");

       $(window).scroll(function () {
           $scrollingDiv.stop()
               .animate({
               "marginTop": ($(window).scrollTop() + 0) + "px"
           }, "slow");
           $scrollingDiv.css("color", (($(window).scrollTop() / $(document).height()) > 0.35) ? "orange" : "");
       });
   });