Javascript 如何使页面上的每个图像在滚动时淡入淡出

我正在润色我的一个网站，我想给我页面上的所有图像添加一个效果，这样当用户向下滚动到每个图像时，它们都会淡入

我看过几篇关于这种效果的帖子，但它们都只处理一幅特定图像中的褪色

当用户向下滚动到每个页面时，是否有办法使页面上的所有图像淡入淡出

我在这个页面上有很多图片，但我不想进入每一个页面，复制/粘贴代码来分别为每个图片添加效果，如果我能成功的话

任何人都可以获得额外积分，他们还可以帮助我了解如何在用户向上滚动时扭转效果

这样，如果用户滚动回页面顶部（或页面的另一部分），则所有已淡入淡出的图像在完全看不见时都会淡出

这样，如果用户决定向下滚动，他们每次滚动页面时都会得到相同的图像淡入效果

---

在此问题上的任何帮助都将不胜感激。谢谢大家!

如果达到图像的偏移量，您可以检查滚动事件，并显示图像，相反，您可以使其用于隐藏；）

您正在寻找类似Wow.js的东西。它很容易实现

---

请添加您的代码我还没有任何有效的代码来实现此效果，因为我甚至还没有找到解决此问题的部分解决方案。抱歉。我对如何实现这一点并不挑剔——CSS、JavaScript、二者的结合等等。你可以使用一些懒洋洋的插件来达到这个效果，或者用JS编写一些东西来检查滚动，然后在视口中检查img元素，最后设置它们的动画。快速搜索“滚动时JavaScript淡入图像”揭示了许多解决方案，例如。