Jquery 如何更改固定位置h2'；当你向下滚动页面时，是什么颜色？

在我的网页上，我有一个h2的小侧栏，可以帮助你导航。这在主页上很好，但在照片没有填满整个屏幕的页面上就不行了。当您向下滚动白色背景上的白色文本时，文本将无法读取。有没有一种方法可以使当你滚动过div（页面的35%）时，文本的颜色可以从白色变为黑色

如果有帮助的话，这个家伙似乎会用svg做一些类似的事情

---

谢谢

我以前用过，效果很好。它的使用非常简单，您可以指定执行操作的点，当它滚动到该点时就会执行这些操作。我使用了与您描述的效果类似的效果。

试试下面的JS Fiddle

---

这看起来可能有用。不过我对JS不太熟悉。有没有办法改变文本颜色而不是背景颜色？还有可能消除滚动上的延迟吗？理想情况下，我希望它一直保持在一个固定的位置。谢谢你的帮助hii..我又更新了小提琴..你能看一看吗..？我希望这就是你想要的吗？阿伦，对不起，我没有回复。不，这个解决方案对我不起作用，因为当你滚动时，文本似乎落后了。我希望它一直保持在一个固定的位置。我已经更新了小提琴。它滞后的原因是位置：绝对的。我已经换了位置：固定的。看起来这可能有用，但我已经学会了做哈哈。谢谢，这一点都不难。文件有点垃圾，所以如果你被卡住了，给我一声大叫。

         $(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" : "");
       });
   });