日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 >

JQ下拉加载更多

發布時間：2025/5/22 35 豆豆
生活随笔 收集整理的這篇文章主要介紹了 JQ下拉加载更多 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE=html> <html> <head> <script src="jquery-1.4.2.min.js" type="text/javascript"></script> </head> <body> <div>下拉加載更多</div> <div class="main" style="height:700px;overflow:auto;"> <div class="child" style='border:1px solid red;margin-top:20px;color:grey;height:800px' ></div> </div> </body> <script type="text/javascript"> $(document).ready(function(){ $(".main").unbind("scroll").bind("scroll", function(e){ var sum = this.scrollHeight; if (sum <= $(this).scrollTop() + $(this).height()) { $(".main").append($(".child").clone()); } }); }); </script> </html>

??如果等滾動條拉到底部時再加載，會影響用戶體驗。因為一般動態加載的時候都需要向服務端請求資源，這時需要時間。一個更佳的方式是，當滾動條距離底部一定距離（C）時，就動態加載更多，向服務端請求資源。也就是預加載，預讀取。公式如下。

this.scrollHeight - C <= $(this).scrollTop() + $(this).height()

?

轉載于:https://www.cnblogs.com/zhangzhijian/p/6861262.html

總結

以上是生活随笔為你收集整理的JQ下拉加载更多的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。