0

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

1:似乎滚动事件在 chrome 中并不经常触发。请注意浮动图像不会像在 Firefox 中那样随 Chrome 中的页面位置更新

2:当一个新的 div(大的彩色部分)出现在屏幕上时,Chrome 似乎会窒息。也许直到最后一刻才真正加载这些部分,从而节省了其他地方的时间?

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

4

1 回答 1

1

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

-webkit-transform: translate(x,y)

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

于 2012-08-20T15:55:12.190 回答