Chrome的滚动优化答案

【问题标题】：Scrolling Optimization for ChromeChrome的滚动优化
【发布时间】：2012-08-20 23:55:12
【问题描述】：

我们有一个设置过程，可以在https://activegrade.appspot.com/?anonymous=true#firstsetup 处执行一些视差滚动效果。它在 Firefox 中比在 Chrome 中运行得更好——我认为是因为 Chrome 正在尝试做的优化：

1：看起来滚动事件在 chrome 中并不经常触发。请注意浮动图像不会像在 Firefox 中那样随着页面位置在 Chrome 中更新

2：当一个新的 div（大的彩色部分）出现在屏幕上时，Chrome 似乎会窒息。也许直到最后一刻才真正加载这些部分来节省其他地方的时间？

我正在寻找建议，以使其在 Chrome 中与在 Firefox 中一样流畅。解决这些优化问题会很好（我怀疑 #2 比 #1 更可行）。

【问题讨论】：

【解决方案1】：

当您使用 CSS3 转换而不是基本的 CSS 定位时，性能应该会更好..

-webkit-transform: translate(x,y)

您也可以阅读this 文章，其中有一些建议如何通过仅更改网站的可见部分来使视差效果更平滑。

【讨论】：