-1

Example site

Specifically, I mean to the effect of the background. How to achieve that one of the pictures scroll normal speed, and second one scroll slower? Does it make in CSS? Thank you

4

3 回答 3

1

是视差...

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

:)

于 2013-07-06T15:17:55.090 回答
0

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

于 2013-07-06T15:20:40.183 回答
0

这个适用于javascript和背景位置。诀窍是制作一个 onscroll() javascript 函数来执行类似的操作

{on scroll} - 将“最低” div 的背景设置为顶部偏移量的 10%(即:滚动 100px 使偏移量为 10px - 将此级别设置为比前一个偏移量高 10%(将使 20px)-将此级别设置为 10比前一个偏移量高 %(将使 30 像素) - 继续

当然,这些是示例值,您可以为每一步 dfo 20%,或完全不同的值。

于 2013-07-06T15:16:40.357 回答