FadeIn / Out逐步取决于滚动

时间:2012-06-12 13:43:25

标签: javascript css scroll fade

我有这个HTML / CSS http://jsfiddle.net/thekillerdev/sB49B/2/

我想做的事情就像是视差滚动(我认为)。 根据人物滚动的位置,.items将淡出并淡化下一个。

类似......

  • 如果此人滚动(scrollTop)200px,则.item02将为不透明度:1,其余为不透明度:0。
  • 如果此人滚动(scrollTop)300px,则.item02将为不透明度:0.5,不透明度为0.item03:0.5,其余为不透明度:0。

我怎么能实现这种动画?对此有何看法?

Edit:
jQuery, JS, anykind of language that works in a browser is accepted =]

需要更多信息,我即将提供。

感谢您的时间

1 个答案:

答案 0 :(得分:3)

这样的东西?

http://jsfiddle.net/sB49B/18/