0

私のページの1つにたくさんの画像が組み込まれていますが、Pinterestはそれと比較するのに最適です。特に、Chromeでのスクロールは非常にぎくしゃくしていて、スムーズではないことに気付きました。よりスムーズなスクロールを実現する方法はありますか?これはJavaScriptを介して行いますか、それともCSSプロパティですか?

4

2 に答える 2

2

Pinterest でのスクロールがスムーズな理由はいくつかあります。

  1. 画像は遅延ロードされます。また、より高速なサービスを提供するために、サーバー側でキャッシュされることもあります。
  2. 画像がビューポートから十分に離れている場合、画像はクリアされます (THRESHOLD ピクセル下にある場合、y=0 の画像はクリアされます)。これにより、メモリがクリアされ、よりスムーズなエクスペリエンスが提供されます (これは、iOS でのUITableViewControllerの動作に似ています)。

私のおすすめ?

  1. サーバーに画像をキャッシュします。
  2. 表示ポートから THRESHOLD ピクセル離れた画像をクリアします。
  3. 画像の遅延読み込み。
  4. 優れた無限スクロール プラグインを使用します。

PS - 非常に大きなファイル (サイズ) を提供している場合は、速度が低下します (インターネット接続の速度によって異なります)。

于 2013-03-18T18:39:35.640 に答える
0

id'は、jsを使用してブラウザの表示領域にあるすべての画像をロードし、さらに少し先に移動することをお勧めします。ユーザーが下にスクロールすると、さらにいくつかの画像をロードします。最初からたくさんの写真があると、スクロールが非常に悪くなります。

于 2013-03-18T18:36:18.353 に答える