Jquery/CSS如何实现滚动时图标/线条颜色变化？

Question

我正在尝试实现与此网页上看到的效果相同的效果：http://gettalent.com。当您向下滚动时，您会发现图标（例如圆形锤子图标）“亮起来”，即它开始变淡，然后随着向下滚动而变得更加白色。连接到它并沿页面向下的线条也是如此。我该如何在jquery和CSS中实现这一点？经过大量搜索，我仍未找到解决方案。谢谢！

- user1072337

Answer 1

你可以使用.scroll()事件检查滚动高度并通过jQuery修改CSS。

演示: http://jsfiddle.net/UR5wP/

- verbanicm

---

有没有办法使过渡“平滑”一些？与仅达到高度并完全更改（随着滚动，使其稍微更不透明）相反。 - user1072337

试试这个新的Fiddle，它会在滚动的前50px中淡出背景：http://jsfiddle.net/UR5wP/4/ - verbanicm