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

Question

我正在尝试重新创建此处使用的相同效果：http://www.chylak.com/en/bags，其中图像将根据滚动位置淡入/淡出。

我查看了源代码，可以看到“data-centre-centre”和“data-top-bottom”都有不透明度值，所以它看起来像 CSS 过渡？

无论如何感谢您的帮助:)

Answer 1

这是fiddle中的一个小例子

Answer 2

对于任何感兴趣的人，我最终使用了 skrollr.js https://github.com/Prinzhorn/skrollr

如果您想达到与我原来的问题中提到的效果类似的效果，那么超级容易使用并且效果很好。