javascript - 連続/無限スクロール

Question

連続ループのように、一番下に達したときに最初からWebサイトをスクロールし続けるプラグイン/スクリプトを探しました。

例： http： //unfold.no/およびhttp://www.aquiesdonde.com.ar/

リバースエンジニアリングを試しましたが、結論に達していません。誰かが私を正しい方向に導き、このようなプラグインを見つけるために何を探すべきですか？

私は、スクロールダウンでページを継続的に拡大/コンテンツを追加しているスクリプトを見つける傾向があります。

Answer 1

x のピクセル数が y の上に移動するかどうかをドキュメントに伝えるのは、単なる if ステートメントです。

からのコード: http://www.aquiesdonde.com.ar/

/*Scroll*/
var mov = 0;
function handle(delta) {
/*Scroll Action*/
    if (delta < 0){
        if(mov==-10500){
            mov=0;
            moverDown();
        }else{
            moverDown();
        }
    }else{
        if(mov==0){
            mov=-10440;
            moverUp();
        }else{
            moverUp();
        }
    }
};

さらに、スクロールをシームレスにする moverUp/moverDown 関数:

/*Scroll Top*/
function moverUp(){
    $('.layout').css( "top", mov+=30 );
};

/*Scroll Down*/
function moverDown(){
    $('.layout').css( "top", mov-=30 );
};

/*Function Scroll*/
function wheel(event){
    var delta = 0;
    if (!event) event = window.event;
    if (event.wheelDelta) {
        delta = event.wheelDelta/120; 
        if (window.opera) delta = -delta;
    } else if (event.detail) {
        delta = -event.detail/3;
    }
    if (delta)
        handle(delta);
        if (event.preventDefault)
                event.preventDefault();
        event.returnValue = false;
};

それが役立つことを願っています。

Answer 2

このスクリプトを使用してみてください: https://github.com/paulirish/infinite-scroll

これは、JQuery フレームワークを使用して JS で書かれた達成したいことです。