0

https://activegrade.appspot.com/?anonymous=true#firstsetupで、いくつかの視差スクロール効果を行うセットアップ プロセスがあります。ChromeよりもFirefoxの方がはるかに優れています-Chromeがやろうとしている最適化のせいだと思います:

1: Chrome ではスクロール イベントが頻繁に発生しないようです。Chrome では、フローティング画像が Firefox のようにページの位置で更新されないことに注意してください。

2: 新しい div (大きな色付きのセクション) が画面に表示されると、Chrome が窒息しているように見えます。可能な限り最後の瞬間までこれらのセクションを実際にロードしないことで、他の場所で時間を節約できたのでしょうか?

これをFirefoxと同じようにChromeでもスムーズにするための提案を探しています。これらの最適化を回避することは問題ありません (#2 は #1 よりも回避しやすいと思います)。

4

1 に答える 1

1

基本的な CSS ポジショニングの代わりに CSS3 トランスフォームを使用すると、パフォーマンスが向上するはずです。

-webkit-transform: translate(x,y)

この記事を読むこともできます。サイトの目に見える部分だけを変更することで、視差効果をよりスムーズにする方法についてのアドバイスがいくつかあります。

于 2012-08-20T15:55:12.190 に答える