如何使页面上的每个图像淡入滚动

时间:2015-06-29 14:46:50

标签: javascript jquery html css image

我正在浏览我的一个网站,我想在页面上的所有图像中添加一个效果,这样当用户向下滚动到每个相应的图像时它们都会淡入。

我已经看过几篇关于这种影响的帖子,但它们只涉及一个特定图像的淡出。

当用户向下滚动到每个图像时,有没有办法让页面上的所有图像都淡入?

我在这个页面上有很多图像,但我不想进入每个图像并复制/粘贴代码,如果我能得到的话,可以单独为每个图像添加效果远离它。

任何可以帮助我弄清楚当用户向上滚动时如何扭转效果的人的奖励积分。

这样,如果用户滚动回到顶部(或页面的另一部分),所有已经淡入的图像一旦完全消失就会淡出。

这样,如果用户决定向下滚动,则每次滚动页面时,它们都会生成相同的图像淡入淡出。

对此问题的任何帮助将不胜感激。谢谢!

2 个答案:

答案 0 :(得分:0)

如果达到了图像的偏移量,您可以检查滚动事件,并显示图像,相反,您可以将其用于隐藏;)

答案 1 :(得分:0)

你正在寻找像Wow.js这样的东西。它很容易实现。

http://mynameismatthieu.com/WOW/