function scrollLoad(){
var scrollTop = 0;
var clientHeight = 0;
var scrollHeight = 0;
if (document.documentElement && document.documentElement.scrollTop) {
scrollTop = document.documentElement.scrollTop;
} else if (document.body) {
scrollTop = document.body.scrollTop;
}
if (document.body.clientHeight && document.documentElement.clientHeight) {
clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight: document.documentElement.clientHeight;
} else {
clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight: document.documentElement.clientHeight;
}
// 知識點:Math.max 比較大小,取最大值返回
scrollHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
if (scrollTop + clientHeight +200 > scrollHeight) {
//滑到底部時 do something...
} else {
return false;
}
}
移動端滑動加載
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
推薦閱讀更多精彩內容
- 10_商品列表滑動加載效果制作滑動加載,配合ajax調用,因此要創建本地服務器。 項目效果制作說明:1)模擬后端的...
- 在用H5做移動端項目,產品模型需要有個左右滑動輪播圖效果。使用的時候遇到了辣手的問題,使用jquery的ajax動...
- 很抱歉,這文章是我好久之前寫的 圖片是存在有道云的,不知道為什么在移動端無法加載 常用快捷鍵 chrome快捷鍵...