连续/无限滚动

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什么。