CSS：如何在此网站上产生类似的效果

Question

Example site

具体来说，我的意思是背景效果。如何实现其中一个图片滚动正常速度，第二个滚动慢？它在CSS中有用吗？谢谢

Answer 1

这是Parallax ......

如果您想了解有关视差的更多信息：http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/

：）

Answer 2

这个适用于javascript和background-position。诀窍是创建一个onscroll（）javascript函数，它可以执行类似这样的操作

{on scroll}     - 将“最低”div的背景设置为顶部偏移的10％（即：100px滚动使得10px偏移     - 将此级别设置为比之前的偏移量高10％（将使20px）     - 将此级别设置为比之前的偏移量高10％（将使得30px）     - 继续

当然这些是示例值，每步可以降低20％，或完全不同的值。

Answer 3

查看源代码，我看到它是在文件parallax.js中使用JQuery完成的。 事实上，如果你尝试禁用JavaScript，效果就会消失。