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中编写的。

连续/无限滚动

2 个答案: