連續/無限滾動

Question

我已經尋找一個插件/腳本，從底部開始連續滾動網站時，就像連續循環一樣。

例子：http://unfold.no/和http://www.aquiesdonde.com.ar/

我試圖扭轉工程，但沒有得到一個結論。 任何人都可以引導我在正確的方向尋找什麼找到這樣的插件？

我只傾向於找到在向下滾動時不斷擴展頁面/添加內容的腳本。

Answer 1

它只是一個if語句，用於告訴文檔x個像素點是否位於頂部y。

的代碼：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什麼。