1

私は Web ページを作成しました。このページには、background-size: cover;. Google Chrome (すべてのバージョン/すべてのプラットフォーム) を除くすべてのブラウザーで問題なく動作します。Google Chrome でページをスクロールしようとしたり、そのリンク ($.scrollTo を使用してページをスクロールしたりする) をクリックすると、ページが途切れ途切れになり、ゆっくりとスクロールし、CPU を 100% 使用します。

テストできるようにページをアップロードしました: http://baaemail.com/beta (後でページを削除します)。IE9/10でも大丈夫ですが、chromeが途切れます。

ページにはいくつかの「スクロール」イベントがバインドされており、javascript を完全に無効にしようとしましたが、改善されないため、スクロール イベントによるものではありません。

background-size: cover写真を思い通りに形作り、画像を修正したいので、img背景の代わりにタグを使用するなどの他の方法を使用できないため、使用しています。

私は何をすべきか?ありがとう。

4

1 に答える 1

0

同様の動作をする Web サイトに対して私が見つけた解決策は、background-repeat:no-repeat巨大な背景画像を含む div に css プロパティを追加することでした。

また、背景画像が繰り返されているかどうかを確認することもできます。bodyhtmlにとって大きな問題は、繰り返しパターンの画像であり、Google Chrome のスクロール パフォーマンスを大幅に妨げていました。

また、これらの「スライド」で CSS トランジションを使用している場合は、それらが「すべて」に割り当てられていないことを確認する必要があります。「左」プロパティのみのトランジションがある場合は、「すべて」に割り当てても意味がありません。

これだけで役立つかどうかはわかりませんが、画像とスクリプトを圧縮することをお勧めします。

このようなものは私のためにトリックをしました。それが役に立てば幸い。

于 2013-02-05T14:22:24.327 に答える