使用javascript的无限滚动效果 [英] Infinite Scroll Effect with javascript

问题描述

有人知道如何制作这样的滚动效果吗? http://www.eurekasoft.com

anyone have a clue how to make a sroll effect like this? http://www.eurekasoft.com

我知道内容会在结尾处重复以创建错觉，但我想知道如何实现看似永无止境的滚动.

I know the content is repeated at the end to create the illusion but i would like to know how to achieve the seemingly never end scroll.

谢谢！

推荐答案

这对我有用:)

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

here is the example: http://www.cancerbero.mx (only enable in Chrome and 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);  
                }
            });
        });

这篇关于使用javascript的无限滚动效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！