私はウェブ開発の初心者です。
チームメイトと私は、最初に 10 個のアイテムがページに表示されるプロジェクトに取り組んでいます。ユーザーはアイテムのリストをスクロールでき、一番下に到達すると、さらに 5 つのコンテンツをロードする必要があります。さらに、コンテンツのロードが完了する前に最後に表示された項目にリストを残したいと考えています。ただし、Facebook のニュース フィードのように、ページの上に新しい更新をロードすることは引き続きサポートする必要があります。スクロールがページの下部に達すると、より多くのコンテンツが読み込まれますが、新しい更新が上に追加されます。
私たちのアプリはデスクトップ ブラウザでは問題なく動作していますが、モバイル側、特に Mobile Safari で問題が発生しています。一番下へのスクロールは機能しています。ページの上部で新しい更新を処理するため、より多くのコンテンツをロードします。ただし、最後に表示されたアイテムにとどまる代わりに、ユーザーをリストの一番上に戻し、新しくロードされたコンテンツは非表示になり、下にスクロールすると表示されます。そのため、ページにリストの 11 番目から 20 番目のアイテムが表示されている場合、下にスクロールしてさらに (たとえば 5 アイテム) ロードすると、ページがリロードされ、ユーザーは 1 番目から 10 番目のアイテムに移動します。11 番目から 20 番目のアイテムにとどまるはずですが、代わりに、その下に隠れている 21 番目から 25 番目のアイテムがまだ読み込まれています。
どんな助けでも大歓迎です！ありがとう！