2

我有一个单页网站，并且添加了一些带有大背景图像的部分。我希望它们具有“固定”效果，因此当用户滚动时它们不会移动。所以我用background-size: cover;和background-attachment: fixed。这可以完成工作。然而，问题是它在 Chrome 中非常滞后，我认为 chrome 不会缓存图像或其他东西。你可以在这里测试它：

http://jsfiddle.net/sallar/rwyfZ/1/

它不像其他浏览器那样流畅。所以我尝试使用图像（在本例中使用 $.backstretch）。使用这种方法滚动滞后是固定的并且滚动非常流畅，但它没有我想要的“固定”效果。所以我想我应该使用视差效果。但是我尝试过的所有视差插件或方法都没有在“图像”方面做得很好，它们都针对背景图像进行了优化，由于 Chrome 中的这个问题我无法使用。

这是 Backstretch 示例的演示：

http://jsfiddle.net/sallar/FX4Cn/1/

那么，我应该怎么做才能使它们具有固定的样式并像第二个示例一样使页面滚动流畅？
提前致谢。

4

1 回答 1

0

除了第二个肯定没有固定外，我看不出有什么大的区别。

我认为您的“问题”是 Chrome 会逐步滚动，而 Firefox 和 Opera 则不会（我不太了解其他自动取款机）。下次您可能会尝试在 Google 上搜索“平滑滚动 chrome”之类的内容，以查看针对此“问题”的数百个问题和解决方案之一。

理论上可以使用 Javascript 来做到这一点，但我找不到任何有用/有效的示例 atm。

于 2012-12-13T16:30:58.093 回答