javascript - IE7-8中的生涩视差

我已经将基本视差效果引入了我正在开发的网站中。它可以在Chrome，Firefox和IE9中顺利运行；但是在IE7和IE8中确实很生涩。我看过的网站要复杂得多，我看不到像“混蛋”这样的东西。我只在顶部使用两张带有扫描线纹理的图像。

任何想法可能是什么原因造成的？

#intro {
    background: url(../img/graphics/top-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-width: 1024px;
    min-height: 768px;
    height: 100%;
    position: relative;
}

#second {
    background: url(../img/graphics/content-bg-2.jpg) center no-repeat fixed;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-width: 1200px;
    min-height: 768px;
    height: 4800px;
}

任何帮助表示赞赏，谢谢。

最佳答案

请检查此设置（在注释中）How can I check browser smooth scrolling support via Javascript?。

如果禁用-这是正常现象。

据我了解，此http://www.ianlunn.co.uk/demos/recreate-nikebetterworld-parallax/是示例，而不是您的代码。而且，如果禁用了平滑滚动-它具有“生涩”的效果（我禁用了Chrome，Opera和IE8的平滑滚动）。

滚动原理中的原因。如果此设置被禁用-它就像永久+ 100px。如果启用-每50毫秒工作10次，每次+ 10px。



更新

为了获得更高的性能，您可以执行以下操作：


编写没有插件的自己的代码
根据当前的scrollTop间隔构建事件调用，而不是基于每个滚动调用
在开始时缓存jquery节点
主要原理-更少的节点操作=更高的性能


我在jquery上写过类似的效果-您可以在http://www.thecommoditycode.com/ambersoftware/中看到它并使用它的原理

关于javascript - IE7-8中的生涩视差，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11709225/