我有一个单页网站，我添加了一些带有大背景图片的部分。我希望它们具有“固定”效果，因此当用户滚动时它们不会移动。所以我使用了 background-size: cover; 和 background-attachment: fixed。这样就可以了。然而，问题是它在 Chrome 中非常缓慢，我认为 chrome 不会缓存图像或其他东西。你可以在这里测试它:
http://jsfiddle.net/sallar/rwyfZ/1/
它不像其他浏览器那样流畅。所以我尝试使用图像(在本例中使用 $.backstretch)。使用这种方法，滚动滞后是固定的并且滚动非常流畅，但它没有我想要的“固定”效果。所以我想我应该使用视差效果。但是我尝试过的视差插件或方法都没有在“图像”方面做得很好，它们都针对背景图像进行了优化，由于 Chrome 中的这个问题我无法使用。
这里是一个后伸例子的演示:
http://jsfiddle.net/sallar/FX4Cn/1/
那么，我应该怎么做才能使它们具有固定的样式，并使页面像第二个示例那样流畅地滚动？
提前致谢。
最佳答案
除了第二个不确定之外，我看不出有什么大的区别。
我认为您的“问题”是 Chrome 会逐步滚动，而 Firefox 和 Opera 则不会(我不太了解其他 atm)。下次您可能会尝试在 google 上搜索“平滑滚动 chrome”之类的内容，以查看针对此“问题”的一大堆问题和解决方案。
理论上可以使用 Javascript 执行此操作，但我找不到任何有用/有效的示例 atm。
关于javascript - 在 Chrome 中创建具有大背景图像且性能不佳的部分，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13863451/