javascript - 複数行の無限スクロール ギャラリー

Question

html/css/javascriptでギャラリーをスクロールする複数行の無限ループを取得するにはどうすればよいですか?

Answer 1

基本的な考え方は、リストの最後に到達したら (スクロールする方向に応じて)、リストの最初の要素を取得し、現在視覚化されている要素の後に追加することです。このようにして、最初から開始します。

右または下にスクロールする場合は、リストの先頭にある要素を取得して、リストの最後に配置する必要があります。

左または上にスクロールする場合は、リストの最後の要素を取得して、リストの最初に配置する必要があります。

これは、無限スクロールを実現する非常に簡単な方法です。