首頁 > web前端 > js教程 > Jquery如何實現上拉加載更多

Jquery如何實現上拉加載更多

零到壹度
發布: 2018-03-20 10:10:41
原創
3575 人瀏覽過

本文主要和大家介紹瞭如何實現Jquery上拉加載更多的方法詳解的具體步驟與相關操作技巧,需要的朋友可以參考下,希望能幫助到大家。

var pageNum=1;//定义初始页面
var all= ;  //后台返回总页面
$(window).scroll(function {  //滚动条滚动时调用
var scrollTop = $(this).scrollTop;//计算已经卷进去滚动条的的高度
var scrollHeight = $(document).height;//当前页面的总高度
var windowHeight = $(this).height;//当前window也就是浏览器的高度
if (scrollTop + windowHeight == scrollHeight) {pageNum += 1;//这是一个全局的变量,页面滑到底部就加一
if(pageNum > all){  //若超过总页数,返回错误;
return false;}else{  //不超过总页数,调用加载函数
return true;
});
登入後複製

相關推薦:

JS實作二級清單(包含下拉刷新、上拉載入更多、側滑操作等)

H5頁面實作上拉載入更多

PHP+Ajax點擊載入更多內容

以上是Jquery如何實現上拉加載更多的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板