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
问问题
89 次
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 回答