如何在滚动时打开图像

Question

我正想着做这样的事情。
http://html5up.net/landed
每当我们在开始时滚动时，图片就不会以其他方式显示..

<div class="img-div">
   <img src="image.jpg" class="img">
</div>

现在，我的问题是如何将此代码转换为类似该页面的内容。

Answer 1

在滚动时，这不是打开图像。它被称为Parallax scrolling effect。

您可以看到很多创建此效果的示例。只有你必须做的是谷歌搜索：

• https://ihatetomatoes.net/simple-parallax-scrolling-tutorial/
• http://keithclark.co.uk/articles/pure-css-parallax-websites/