vue滾動到底部載入

2021-10-25 00:16:33 字數 1402 閱讀 5763

之前也做過html引用 vue的滾動到底部載入的

//ref="box"這個別忘了加,也可以直接在方法裡@@scroll="orderscroll(e)"

//高很重要!!不然進不了滾動事件!!踩過的坑

="meal-list loaddiv" style=

"height:500px;overflow:auto;" ref=

"box" @@scroll=

"orderscroll"

>

="order-group" v-

for=

"(item,index) in orderlist"

>

="order-time-w"

>

"~/images/ordersys/icon_calender.png"

class

="icon"

/>

}"flex:1"

>

<

/span>

="pull-right" v-if=

"item.paystate==0?true:false"

="djs"

>}:

}<

/span>

="pay-state"

>待結算<

/span>

<

/span>

<

/div>

<

/div>

"margin-top:15px;text-align:center;" v-if=

"loadmess"

>

}<

/div>

<

/div>

data:

,mthods:

that.loading =

true

console.

log(

"到底部了"

) that.

getorders()

}else},

getorders: function ()}

ajaxpostjson

("/ordermeal/getomordergrid"

,, function (ret)

else

that.loadmessage =

"已載入完全部"

that.loading =

true

that.$forceupdate()

; console.

log(that.orderlist)

}else

if(that.orderlist.length ==0)

else})

;},}

div滾動到底部載入更多

監聽區域滾動的scroll事件,計算 scroll.clientheight 滾動區域高度 scroll.scrolltop 當前滾動位置 scroll.scrollheight 整個滾動區域高度 滾動區域高度 當前滾動位置 整個滾動區域高度 scroll.clientheight scroll.s...

div滾動到底部自動載入

重點 一開始一直進不了滾動事件,最後發現是因為需要滾動元素的父元素沒有設定overflow hidden 記住了!如果不設定fixed的話,就要設定元素固定的高!css contentboxhtml contentbox schooldeatl div loaddiv style width 100...

pulltorefresh滾動到底部

如果用listview,讓它滾動到頂部,一般是這樣寫的 if listview.isstackfrombottom listview.setstackfrombottom false 但是,使用pulltorefreshlistview以後,發現該物件竟然沒有setstackfrombottom 方...