根据滚动位置淡入和淡出图像

Question

I'm trying to recreate the same effect used here: http://www.chylak.com/en/bags where the images will fade in/out based on scroll position.

I've had a look at the source and can see that "data-centre-centre" and "data-top-bottom" both have opacity values so it looks like a CSS transition?

Thanks for the help anyway :)

Answer 1

这是这个fiddle中的一个小例子

Answer 2

For anyone interested, I ended up using skrollr.js https://github.com/Prinzhorn/skrollr

Super easy to use and works great if you're trying to achieve a similar effect to the one referenced in my original question.