我想知道当用户在JS中滚动时如何使图像淡入淡出。有没有可以做到的代码?
以下是我使用的网页模板:website template
答案 0 :(得分:0)
查找或编写缓动功能。
将处理程序附加到DOM onscroll
事件。
处理程序应将当前滚动位置转换为适合缓动函数的值,然后将其发送到缓动函数。
缓动函数应该将提供的值转换为0到100之间的Number
并返回它。
然后,处理程序应将图像的不透明度设置为此值。
另一种方法是使用onscroll
,当页面上的特定位置滚动到时,将类/数据属性应用于图像,以便发生CSS不透明度转换。