在GitHub里搜索這個名稱
然后點進去,獲取下載方式,通過vue終端進行下標
下載完成在需要的Vue組件頁面里引入
在視圖HTML上我們要滾動的結構要使用兩層div包裹,並給出相應的class
其次在js里即邏輯層
一般在vue3里我們所有的代碼都是寫在setup里的所以我們需要在這個頁面加載完成后寫入
即寫在onMounted里
在寫入onMounted里時我們也要先引入到當前頁面才可使用
然后setup(){
onMounted(()=>{
寫入事件方法等、。。。。。
})
}
betterscroll的屬性probetype設置3,
當 probeType 為 1 的時候,會非實時(屏幕滑動超過一定時間后)派發
scroll 事件;
當 probeType 為 2 的時候,會在屏幕滑動的過程中實時的派發 scroll 事件;
當 probeType 為 3 的時候,不僅在屏幕滑動的過程中,而且在 momentum 滾動動畫運行過程中實時派發 scroll 事件。
如果沒有設置該值,其默認值為 0,即不派發 scroll 事件
refresh:
重新計算 better-scroll,當 DOM 結構發生變化的時候務必要調用確保滾動的效果正常。例:scroll.refresh();
css