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

Jquery如何實現上拉加載更多

零到壹度
零到壹度原創
2018-03-20 10:10:413579瀏覽

本文主要和大家介紹瞭如何實現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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn