JQuery：無限にスクロールするdivコンテンツですか？

Question

DIVのコンテンツを無限に横向きにスクロールさせるシンプルなJQuery関数があります。それはうまく動作しますが、コンテンツの終わりに達するとスクロールし続けますが、コンテンツは終了しているので、何も表示されません。私はそれを繰り返したいので、それは決してスクロールを止めることはなく、コンテンツが終了するとそれ自体が繰り返されます。これまでのところ

、私はこれを行うために考え出しその方法は、多くの倍のdivコンテンツを複製している唯一の方法、すなわち：

var element = $("#divContent") 
for(var x=0; x<=50; x++) 
    element.html(element.html + element.html); 

の良い方法私はこれがうまくいくと思いますが、お奨めがありますこれを行う。

Answer 1

コンテンツの2つのバージョンを最初に作成した場合、最初のアイテムが完全に見えなくなったときに、cssを使用して最後のアイテムに移動することができます（相対位置または絶対位置を使用できます）。私はそれがどのように動作するかを説明するアニメーションを作った。親コンテナ（この例では#wrapper）にoverflow:hiddenを設定し、これが正しく動作するように幅を制限する必要があります。