根据滚动位置淡入和淡出图像
[英]Fade images in and out based on scroll position
问题描述
我正在尝试重新创建此处使用的相同效果： http : //www.chylak.com/en/bags ，其中图像将根据滚动位置淡入/淡出。
我查看了源代码，可以看到“ data-centre-centre”和“ data-top-bottom”都具有不透明度值，因此看起来像CSS过渡吗？
仍然感谢您的帮助:)
2 个解决方案
解决方案1
1 2015-05-24 14:36:36
这是这个fiddle中的一个小例子
解决方案2
0 已采纳 2015-05-30 12:06:52
对于感兴趣的人，我最终使用了skrollr.js https://github.com/Prinzhorn/skrollr
如果您想达到与我原始问题中提到的效果相似的效果，则超级好用且效果很好。
向下滚动时淡入，向上滚动时淡出 - 基于窗口中的元素位置
[英]Fade In on Scroll Down, Fade Out on Scroll Up - based on element position in window
在容器中滚动时，如何根据滚动位置淡入/淡出资产？
[英]How do you fade an asset in/out based on scroll position when scrolling in a container?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.