vue3 使用better-scroll滾動


在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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM