javascript的无限滚动效应

Question

有谁知道怎么做这样的滚动效果呢？http://www.eurekasoft.com

我知道内容是重复在结束创造幻觉，但我想知道如何实现看似永不结束的卷轴。

谢谢!

Answer 1

(这对我有用:)

下面是示例：http://www.cancerbero.mx (仅在Chrome和Safari中启用)

// #loop is the div ID where repetition begins

$(document).ready(function(){
            $(window).scroll(function(){
                var scroll = $(window).scrollTop();
                var limit = $('#loop').position().top;
                if(scroll >= limit){
                    window.scrollTo(0,1); // 1 to avoid conflicts
                }
                if(scroll == 0){
                  window.scrollTo(0,limit);  
                }
            });
        });

Answer 2

看来站点正在使用Skrollr：http://prinzhorn.github.io/skrollr/

向下滚动所有的链接到Github和更多的例子。

实际上，它使用函数window.scrollTo()来设置滚动位置，并可能在该区域周围设置DOM，使其看起来与滚动的位置相同。

https://github.com/Prinzhorn/skrollr/blob/master/src/skrollr.js#L617