javascript - 连续/无限滚动

标签 javascript jquery css

我一直在寻找一个插件/脚本,当到达底部时,它会从头开始继续滚动网站,就像一个连续的循环。

示例:http://unfold.no/http://www.aquiesdonde.com.ar/

我尝试过逆向工程,但还没有得出结论。 任何人都可以引导我朝着正确的方向寻找什么来找到这样的插件吗?

我只倾向于找到在向下滚动时不断扩展页面/添加内容的脚本。

最佳答案

它只是一个 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;
};

希望对您有所帮助。

关于javascript - 连续/无限滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12781123/

相关文章:

javascript - Jasmine - 为什么 spec 失败(与初始化、before 语句等相关)

javascript - Spring WebSockets Stomp.subscribe 不工作

javascript - 使用按钮而不是 Glide.js 的默认导航的问题

javascript - 防止AJAX表单提交两次?

javascript - Highcharts 极坐标图 : Multiple pane segment colors

javascript - jQuery 中的 while 循环

javascript - jQuery 加载图像并通过单击进行交换

javascript - 由 javascript 更改时 SVG 过渡到点

css - 从下一个数组条目获取@each vars 中的 SCSS Mixin

html - Internet Explorer 11 在 div 上创建空白区域