当用户在JavaScript中滚动时如何使平滑淡入?

时间:2016-04-09 13:21:17

标签: javascript animation web

我想知道当用户在JS中滚动时如何使图像淡入淡出。有没有可以做到的代码?

以下是我使用的网页模板:website template

1 个答案:

答案 0 :(得分:0)

查找或编写缓动功能。

将处理程序附加到DOM onscroll事件。

处理程序应将当前滚动位置转换为适合缓动函数的值,然后将其发送到缓动函数。

缓动函数应该将提供的值转换为0到100之间的Number并返回它。

然后,处理程序应将图像的不透明度设置为此值。

另一种方法是使用onscroll,当页面上的特定位置滚动到时,将类/数据属性应用于图像,以便发生CSS不透明度转换。