Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何";“无休止的文件”;脚本(如Skittles.com)_Javascript_Jquery - Fatal编程技术网

Javascript 如何";“无休止的文件”;脚本(如Skittles.com)

Javascript 如何";“无休止的文件”;脚本(如Skittles.com),javascript,jquery,Javascript,Jquery,他们是如何做到这一点的?你们看到了吗?这个网站永远不会结束 好吧,这里有一种方法: $(document).ready( function(){ $(window).scroll( function(){ if ($(window).scrollTop() + $(window).height() >= $(document).height()) { $('div').clone().appen

他们是如何做到这一点的?你们看到了吗?这个网站永远不会结束

好吧,这里有一种方法:

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

请记住,动态克隆/附加/插入的任何交互式内容都需要某种类型的或jQuery才能与之交互

也就是说,有一些警告:

  • 无限滚动不一定是一个令人愉快的导航辅助工具,特别是当用户可能希望在无限页面的一半位置查看某些内容时
  • 由于需要在内存中保存大量内容,浏览器会崩溃或变得迟钝/无响应

  • 看看这个:我以前读过,你在做这件事时应该小心。我仍然更喜欢点击“下一页”而不是向下滚动到无限远的地方。。。如果页面查看器刷新其页面,该怎么办?观众是否需要向下滚动几分钟才能回到他/她正在浏览的内容?我建议不要这样做。如果你无限向下滚动,浏览器会不高兴。另外,这有点令人困惑。还有@ItzWary所说的,如果我刷新,我必须重新开始。那太差劲了,我同意。这只是一个很酷的技巧,对于“无尽的彩虹”的小玩意儿来说是有意义的!