视差CSS背景图像移动一点

Question

我有我的背景图片从background-url和我的视差适用于图像，当我把：background-attachment: fixed;

我怎样才能让这个背景图像移动，当我滚动一点点？

这是我讲的例子：

这是我现在当我滚动：http://www.w3schools.com/howto/tryhow_css_parallax_demo.htm

这就是我想要什么，当我滚动： http://materializecss.com/parallax-demo.html

Answer 1

也许this link将帮助它使用JavaScript

我才意识到这只能是因为背景图片是重复的图案移动背景图像

编辑。如果您想用普通图片来达到这种效果，您可以使用Parallax.js。

Answer 2

你可以使用CSS3的transform和transition属性的组合来使背景图像具有动画效果。这是一个link如何做到这一点。您可以使用Javascript的onscroll事件来触发我在悬停时触发的内容。