4

次のページのコンテンツを再帰的にロードして現在のページに追加する、無限にスクロールするページを作成しています。ブラウジング体験は素晴らしく没入型になると思いますが、現在の方法には使いやすさの欠点がないわけではありません.

プログレッシブエンハンスメントが不完全です。Ajax を使用する場合は、戻るボタンをサポートし、ディープ リンクを提供することを常にお勧めします。無限スクロールの現在の実装はこれをサポートしていません。状態をブックマークする方法はありません。

無限スクロールの UX を改善するためのいくつかのアイデア。意見が必要です。

  1. 読み込みごとに URL ハッシュを変更します (例: /!#/2 -> /!#/3)。
  2. 戻るボタンをクリックすると、ページが上にスクロールします。進むボタンをクリックすると、下にスクロールするはずです。
  3. ディープ リンクへのアクセスは、Ajax 以前と同じように動作する必要があります。ユーザーが要求していないため、ページ 3 に移動してページ 3 から開始すると、ページ 3 のコンテンツのみが表示され、ページ 2 と 1 は表示されません。
  4. 通常のページネーションのように、2 ページ目と 1 ページ目に移動する方法がまだあるはずです。ページ 3 は scrollTop が 0 でロードされるため、スクロール アップ イベントは役に立ちません。このために、クリック可能なリンクが必要になる場合があります。
  5. ページ 2 のコンテンツをページ 3 の最後にロードするべきではないため、要求されたページ番号が現在よりも大きいかどうかを確認する必要があります。

皆さんはどう思いますか？

4

1 に答える 1

0

興味深い質問です。URLハッシュをの形式で変更し、ページが読み込まれるにつれてIDを#!/from/123/to/456増やすことをお勧めします。to

ハッシュまたはHistoryAPIリライトを使用してURLを変更するかどうかにかかわらず、UXの意味では、URLは常に現在のコンテンツの場所を表します。たとえば、ユーザーはブックマークを期待するか、リロードを押すか、URLを他のコンピューターにコピーして[実行]をクリックすると、同じページが返されます。

無限スクロールページがURLのロジックを完了する唯一の方法は、上記で提案したURLハッシュです。それ以外の場合はそのままにしておきます。TwitterはホームページのURLハッシュを更新しません。

于 2010-11-26T04:16:41.590 に答える