滚到底部自动加载像新浪微博那样，

最新推荐文章于 2025-08-05 10:19:15 发布

原创最新推荐文章于 2025-08-05 10:19:15 发布 · 683 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#自动滚动 #新浪微博 #滚动条 #底部

JQuery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的无限滚动加载功能，通过监测用户滚动位置并自动加载更多内容，适用于大量数据展示的网页应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>