javascript - 如何 "Endless Document"脚本(如 Skittles.com)

Question

他们是如何做到这一点的？你们看到了吗:http://www.skittles.com ？该网站永无止境!

Answer 1

好吧，这是一个的方法:

$(document).ready(
    function(){
     $(window).scroll(
         function(){
             if ($(window).scrollTop() + $(window).height() >= $(document).height()) {
                 $('div').clone().appendTo('body');
             } 
         }
        ); 
    }
    );

有了必要的 JS Fiddle demo .

请记住，任何动态克隆/附加/插入的交互式内容都需要某种类型的 live()或 delegate()让 jQuery 与它们交互。

也就是说，有一些注意事项:

1. 无限滚动不一定是一种令人愉悦的导航辅助工具，尤其是当用户可能希望在无限页面的中途查看某些内容时。
2. 由于需要在内存中保留大量内容，浏览器有时会崩溃或变得迟缓/无响应。