私のページの1つにたくさんの画像が組み込まれていますが、Pinterestはそれと比較するのに最適です。特に、Chromeでのスクロールは非常にぎくしゃくしていて、スムーズではないことに気付きました。よりスムーズなスクロールを実現する方法はありますか?これはJavaScriptを介して行いますか、それともCSSプロパティですか?
1899 次
2 に答える
2
Pinterest でのスクロールがスムーズな理由はいくつかあります。
- 画像は遅延ロードされます。また、より高速なサービスを提供するために、サーバー側でキャッシュされることもあります。
- 画像がビューポートから十分に離れている場合、画像はクリアされます (THRESHOLD ピクセル下にある場合、y=0 の画像はクリアされます)。これにより、メモリがクリアされ、よりスムーズなエクスペリエンスが提供されます (これは、iOS でのUITableViewControllerの動作に似ています)。
私のおすすめ?
- サーバーに画像をキャッシュします。
- 表示ポートから THRESHOLD ピクセル離れた画像をクリアします。
- 画像の遅延読み込み。
- 優れた無限スクロール プラグインを使用します。
PS - 非常に大きなファイル (サイズ) を提供している場合は、速度が低下します (インターネット接続の速度によって異なります)。
于 2013-03-18T18:39:35.640 に答える
0
id'は、jsを使用してブラウザの表示領域にあるすべての画像をロードし、さらに少し先に移動することをお勧めします。ユーザーが下にスクロールすると、さらにいくつかの画像をロードします。最初からたくさんの写真があると、スクロールが非常に悪くなります。
于 2013-03-18T18:36:18.353 に答える