javascript - ページ コンテンツの無限ループを作成する

Question

ロード時に次のことを行う（冗談の）Webサイトを作成しようとしています：

1. 下に向かって x の速度でスクロールを開始します
2. ページの下部に同じコンテンツを継続的に読み込んで追加する
3. 追加でロードされたコンテンツを停止することなく連続してスクロールします

これについてどうすればいいですか？

Answer 1

理論的には、javascript を使用して、div が y 位置にスクロールするときに div を追跡し、同じ data/html/php の jQuery ロードを追加された子 div に N ピクセルごとに使用できます。

私はそれを試して、私が思いつくことができるものを見る必要があると思います.

これが私が思いついたもので、基本レベルで機能するようです

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function keepGoing(counter) {
            var objTo = document.getElementById('foreverDiv')
            var divtest = document.createElement("moreStuffDiv" + counter);
            divtest.setAttribute("id", "moreStuffDiv" + counter);
            divtest.innerHTML = "new div " + counter + "<br>";
            objTo.appendChild(divtest);
            document.getElementById('moreStuffDiv' + counter).scrollIntoView();
            counter = counter +1;
        }
        jQuery(document).ready( function() {
            setInterval( 'keepGoing(1)', 10 );
        });
    </script>
    <div id="contentDiv">
        <h1>Content</h1>
        <div id="foreverDiv">

        </div>
    </div>