使用javascript无限滚动效果

Question

任何人都知道如何制作这样的滚动效果？ http://www.eurekasoft.com

我知道内容在最后重复以创造幻觉，但我想知道如何实现看似永无止境的滚动。

谢谢！

Answer 1

该网站似乎正在使用Skrollr：http://prinzhorn.github.io/skrollr/

向下滚动以获取指向Github的链接以及更多示例。

在内心深处，它使用函数window.scrollTo（）来设置滚动位置，并可能在该区域周围设置DOM，使其看起来与滚动的位置相同。

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

Answer 2

这对我有用:)

以下是示例：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);  
                }
            });
        });