视差 css 背景图像移动了一点
Parallax css background image move a little
我有来自 background-url 的背景图片，我的视差适用于我放置的图片：background-attachment: fixed;
怎样才能让滚动的时候背景图片移动一点点？
这是我正在谈论的例子：
这是我现在滚动时所拥有的：http://www.w3schools.com/howto/tryhow_css_parallax_demo.htm
这就是我滚动时想要的：
http://materializecss.com/parallax-demo.html
您可以结合使用 CSS3 的 transform 和 transition 属性使背景图像具有动画效果。这是如何做到这一点的 link。您可以使用 Javascript 的 onscroll 事件来触发我在悬停时触发的事件。
也许this link会帮助它使用Javascript移动背景图片
编辑
我刚刚意识到这只有效，因为背景图像是一个重复的图案。如果你想用普通图像做这个效果，你可以使用 Parallax.js.
我有来自 background-url 的背景图片，我的视差适用于我放置的图片：background-attachment: fixed;
怎样才能让滚动的时候背景图片移动一点点？
这是我正在谈论的例子：
这是我现在滚动时所拥有的：http://www.w3schools.com/howto/tryhow_css_parallax_demo.htm
这就是我滚动时想要的： http://materializecss.com/parallax-demo.html
您可以结合使用 CSS3 的 transform 和 transition 属性使背景图像具有动画效果。这是如何做到这一点的 link。您可以使用 Javascript 的 onscroll 事件来触发我在悬停时触发的事件。
也许this link会帮助它使用Javascript移动背景图片
编辑
我刚刚意识到这只有效，因为背景图像是一个重复的图案。如果你想用普通图像做这个效果，你可以使用 Parallax.js.