重點:
一開始一直進不了滾動事件,最後發現是因為需要滾動元素的父元素沒有設定overflow:hidden;記住了!!
如果不設定fixed的話,就要設定元素固定的高!!
css
#contentbox
html
"contentbox"
>
"schooldeatl"
>
<
/div>
="loaddiv" style=
"width: 100%; font-size: 15px; text-align: center; margin-top: 8px;"
>載入更多<
/div>
<
/div>
js
var count =5;
//每次載入 請求的條數
var isload =
true
;//是否允許載入資料
$(function()
)//滾動條到底就載入
function userscroll()
isload =
false
;//if (number($("#pageindex").val()) > number($("input[name=pageall]").last().val()))
loadscenepage()
;}})
;}//獲取資料
function loadscenepage()
, success: function (data)
//$("input[name=pageall]").last().val()這個值是後台傳給我的總頁數
isload =
true;}
, error: function ()}
);}//獲取引數(不重要,傳給後台需要的引數而已)
function getpara()
; var schoolname = $(
"#schoolnameinput").
val();
var pageindex = $(
"#pageindex").
val();
var date = $(
"#endtime").
val();
para.schoolname = schoolname;
para.pageindex = pageindex;
para.count = count;
para.date = date;
para.schtype =
; $(
"#school_c li").
each
(function (i, ele)})
; para.bt =
; $(
"input[name=jyname]:checked").
each
(function (i, ele));
return para;
}
判斷是否滾動的isload 問題,因為是先獲取的資料再滾動
所以:首先isload =false;
獲取資料的時候,設定了isload為true;
進入滾動事件時,如果isload=false跳出
繼續往下走 再設定isload=false
一般情況:
可以首先設定isload=false;
進入滾動時:如果isload=true就跳出
if (isscrolling)
繼續往下走:設定isload=true;
是因為滾動事件會觸發上千次事件,只執行一次就可以了,所以設定isload=true 事件只執行一次就行了,不再繼續進入;
執行完事件之後,再恢復isload=false
div滾動到底部載入更多
監聽區域滾動的scroll事件,計算 scroll.clientheight 滾動區域高度 scroll.scrolltop 當前滾動位置 scroll.scrollheight 整個滾動區域高度 滾動區域高度 當前滾動位置 整個滾動區域高度 scroll.clientheight scroll.s...
ListView滾動到底部自動載入更多
1.自己寫乙個loadingview,有2種狀態 1種是載入時的顯示,一種是載入失敗 網路超時 時候的重發介面 2.將loadingview放到listview的footview中 3.在baseadapter的getview中判斷position是不是最後乙個.例如當前有20條記錄,positio...
vue滾動到底部載入
之前也做過html引用 vue的滾動到底部載入的 ref box 這個別忘了加,也可以直接在方法裡 scroll orderscroll e 高很重要!不然進不了滾動事件!踩過的坑 meal list loaddiv style height 500px overflow auto ref box ...