div滾動到底部自動載入

2021-10-25 00:14:00 字數 1960 閱讀 6167

重點:

一開始一直進不了滾動事件,最後發現是因為需要滾動元素的父元素沒有設定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 ...