如何让用户在JavaScript中滚动时平滑淡入？_Javascript_Animation_Web

如何让用户在JavaScript中滚动时平滑淡入？

javascript animation web

如何让用户在JavaScript中滚动时平滑淡入？,javascript,animation,web,Javascript,Animation,Web,我想知道当用户在JS中滚动时如何使图像淡入。有没有代码可以做到这一点下面是我正在使用的web模板：查找或编写一个函数将处理程序附加到DOMonscroll事件处理程序应将当前滚动位置转换为适合缓和功能的值，然后将其发送给缓和功能缓和函数应将提供的值转换为介于0和100之间的数字，并返回该值然后处理程序应将图像的不透明度设置为该值另一种方法是使用onscroll，当页面上的特定位置被滚动到时，对图像应用class/data属性，以便发生CSS不透明度转换你试过谷歌“滚动时图像淡入”吗

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

下面是我正在使用的web模板：

查找或编写一个函数

将处理程序附加到DOM

onscroll

事件

处理程序应将当前滚动位置转换为适合缓和功能的值，然后将其发送给缓和功能

缓和函数应将提供的值转换为介于0和100之间的

数字

，并返回该值

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

另一种方法是使用

onscroll

，当页面上的特定位置被滚动到时，对图像应用class/data属性，以便发生CSS不透明度转换

你试过谷歌“滚动时图像淡入”吗？我敢肯定有很多关于它的文章，像问题，像答案+1.