天天看點

uniapp 擷取滑動的距離

在uni-app官網上面有說明 

uniapp 擷取滑動的距離

 用<scroll-view>标簽将需要滾動的内容包裹起來

<scroll-view scroll-y="true" :scroll-top="scrollTop" @scroll="scroll" @scrolltolower="scrolltolower">
    <view>需要滾動的内容</view>
</scroll-view>
           

 scroll方法就是用來擷取滑動的距離

uniapp 擷取滑動的距離
uniapp 擷取滑動的距離

 這個<scroll-view>标簽還可以實作一個常用的功能:下拉重新整理。

依靠的就是上面截圖中的scrolltolower方法,這個方法會在滑動到底部時觸發

uniapp 擷取滑動的距離

由于uniapp中有自帶的下拉重新整理方法,具體可以看uniapp 實作下拉重新整理(完整代碼可複制)_Apeng_0919的部落格-CSDN部落格

是以<scroll-view>這個不太常用,同時在性能方面自帶的下拉重新整理方法也要好一些。

但是在之前的項目中使用自帶的下拉重新整理方法發現小米手機無法觸發,于是才使用這個方法來實作,也沒有什麼問題,現在推薦給大家。

如有問題,歡迎留言!!!