js上拉載入，jq上拉載入

沒有特別的幸運，那麼就特別的努力！！！

既然沒有優人的天賦，那就拼吧！

先看下效果：

首 頁header

>

"main"

>

"list_box"

>

ul>

section

>

jq

var page =1,

//分頁碼
off_on =
false
,//分頁開關(滾動載入方法 1 中用的)
timers =
null
;//定時器(滾動載入方法 2 中用的)
//載入資料
varloading
=function()
$('#list_box').
(dom)
;        off_on =
true
;//[重要]這是使用了   時 用到的 ！！！[如果用  滾動載入方法1 時：off_on 在這裡不設 true的話， 下次就沒法載入了哦！]};
//初始化， 第一次載入
$(document)
.ready
(function()
);//滾動載入方法1$(
'#main').
scroll
(function()
,300);
}});
//還可以基window視窗（body）來新增滾動事件, (因為布局不同,所以在這裡沒效果，因為[上面是基於body中的某個元素來新增滾動事的])
$(window)
.scroll
(function()
,300);
}});

錯中英文符號

運用方式有問題（js jq運用方式有問題）一種是onscroll 後者是scroll

觸發原理：沒有達到觸發條件 這是一種很難發現與改正的問題

最主要就是——scroll觸發條件為事件在元素滾動條在 滾動時候觸發，找到 滾動條的那個元素，然後繫結這個元素的滾動事件

這樣就能解決無法觸發滾動事件

希望能幫助到大家，同時祝願大家在開發旅途中愉快！！！

---------------------------------更新2020/04/20-----------------

原理很簡單:4行** 輕鬆解決

//可滾動容器的高度

let innerheight = document.
queryselector()
.clientheight;
//螢幕尺寸高度
let outerheight = document.documentelement.clientheight;
//可滾動容器超出當前視窗顯示範圍的高度
let scrolltop = document.documentelement.scrolltop;
if(innerheight <
(outerheight + scrolltop)
)

// 防抖

export
function
_debounce
(fn, delay)
timer =
settimeout
(function()
, delay);}
;}// 節流
export
function
_throttle
(fn, interval)
, interval);}
else
}}

import

from
"@/utils/public"
;

methods:

,200
)}

js上拉載入更多

方法一 jq var page 1,分頁碼 off on false,分頁開關 滾動載入方法 1 中用的 timers null 定時器 滾動載入方法 2 中用的 載入資料 var loadingdatafn function off on true 重要 這是使用了 時 用到的 如果用 滾動載入方...

js上拉載入更多

jq方法 方法一 var page 1,分頁碼 off on false,分頁開關 滾動載入方法 1 中用的 timers null 定時器 滾動載入方法 2 中用的 載入資料 var loadingdatafn function off on true 重要 這是使用了 時 用到的 如果用 滾動載...

上拉載入更多

在ios開中中，由於螢幕尺寸限制，如果需要顯示的資料很多，需要用到分頁載入。資料來源是個array nsmutablearray items viewcontroller的這個方法返回資料條數 1是為了顯示 載入更多 的那個cell nsinteger tableview uitableview t...