当滚动条到最底部，自动加载页面，如何实现，类似微博那种

于娜 2011-03-21 08:33:35

当滚动条到最底部，自动加载页面，如何实现，类似微博那种

参考下面网站
http://www.dzone.com/links/index.html

...全文

1003 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

小明9797 2012-10-19

打赏
举报

li1229363 2011-03-21

打赏
举报

做一个天庭用的JS，监听对象为页面页面的所在位置，如果下标记和页面大小的高相等，就出发时间。

以上是基本原理。

浴火_凤凰 2011-03-21

打赏
举报

回去研究一下再说

认真为自己 2011-03-21

打赏
举报

留下备用

bhbhxy 2011-03-21

打赏
举报

这个页面的源码里面有，同1楼

licip 2011-03-21

打赏
举报

1楼是正确的。

feiyu8607 2011-03-21

打赏
举报

当滚动条滚到底部的时候出发一个事件，ajax实现。。

hongmei85 2011-03-21

打赏
举报

查看下源文件

<script>

    if(true){

        jQuery(function(){

           var m = window.location.search.match(/p=(\d+)/);

           var curPage = m ? parseInt(m[1]) : 1;

           var loading = false;



           jQuery("#content").scroll(function(){

               if ( curPage >= 1 && !loading && this.scrollHeight -

                       this.scrollTop - this.offsetHeight < this.offsetHeight ) {

                   loading = true;

                   if ((25*curPage) < 79346) {

                        DWRUtil.setValue("scrollStats", 25*(curPage+1) + " of " + 79346);

                    } else {

                        DWRUtil.setValue("scrollStats", 79346);

                    }

                   $("progressIndicator").style.display="block";

                   jQuery.ajax({

                       type: "GET",

                       dataType: "html",

                       url: window.location + (window.location.search != '' ? "&" : "?") + "type=html&p=" + ( ++curPage ),

                       success: function( html ){

                           html = jQuery.trim( html );



                           if ( html ) {

                               jQuery("#content-inner").append( html );

                               

//                             }

                           } else

                               curPage = 0;

                       },

                       complete: function(){

                           loading = false;

//                         alert(window.location.pathname + (window.location.search != '' ? ""+ window.location.search +"&" : "?") + "p=" + ( curPage ))

                           pageTracker._trackPageview(window.location.pathname + (window.location.search != '' ? ""+ window.location.search +"&" : "?") + "p=" + ( curPage ));

                           _qacct="p-ebK_XdQH1HeLo"; quantserve();

                           $("progressIndicator").style.display="none";

                       }

                   });

               }

           });

        });

    }

</script>