CSS:如何在这个网站上产生类似的效果

CSS:如何在这个网站上产生类似的效果,css,scroll,Css,Scroll,具体来说,我指的是背景效果。如何实现其中一幅图片的正常滚动速度,而另一幅图片的滚动速度较慢?它是用CSS制作的吗?谢谢这一个可以与javascript和后台位置一起使用。诀窍是生成一个onscroll()javascript函数,它可以执行如下操作 {滚动} -将“最低”div的背景偏移量的10%设置到顶部(即:100px滚动使偏移量达到10px) -将此级别设置为比上一个偏移高10%(将为20px) -将此级别设置为比上一个偏移高10%(将为30px) -继续 当然,这些都是示例值,您可以为每


具体来说,我指的是背景效果。如何实现其中一幅图片的正常滚动速度,而另一幅图片的滚动速度较慢?它是用CSS制作的吗?谢谢

这一个可以与javascript和后台位置一起使用。诀窍是生成一个onscroll()javascript函数,它可以执行如下操作

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

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

这是视差

如果您想了解更多有关视差的信息:


:)

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

可能会重复。我不认为这是使用CSS完成的。。。可能是用JavaScriptgoogle完成的视差滚动。可能重复:我尝试生成代码:body{background:url(/userskins/files/.jpg)center-418.2px,url(/userskins/files/.jpg)repeat-y center top;背景附件:scroll,fixed;}为什么他们要检查xhr支持?他们没有使用它…是的,他们正在使用它:var xhr_support=Boolean(window.XMLHttpRequest!==undefined);是的,这就是他们检查支持的地方——但是他们实际上没有在代码中使用
XMLHttpRequest
对象!