better-scroll 的介绍
配置項中的 probeType 屬性,是number,當值為 0 ,不會實時監聽 scroll 事件,設置為 2 - 3 ,可以實時監聽 scroll 事件
pullUpload 選項,設置為 false ,不會開啟上拉加載的功能,threshold:50 ,上拉多少像素
當dom 結構發生變化的時候, bs.refresh() 實例的對象的方法
為什么要用 refresh() ?
在 new better-scroll 的時候,實例會計算 content 的高度,減去 wrapper 的高度,值是滾動的范圍的,當 content 中元素增加的時候,滾動范圍不變,那些新加的元素,就滾不出來,需要重新計算一下
scrollTo(x,y,滾動時長,緩動函數)?
on 監聽實例的自定義事件
bs.on('scroll',function(pos){
console.log(pos) // 代表滾動的位置
})
pullingUp 上拉加載 調用此方法,只會觸發一次
上拉加載一次,就不會第二次加載 需調用 finshpullup() 來進行,告訴 bs 數據加載完成,可以在加載
使用 pullingUp 事件的前提是配置項中的 Pullupload 的屬性為 true
better-scroll 的實例,有個屬性叫 scrollerHeight 就是他滾動的范圍
在 vue 中使用 better-scroll 中
盡量不要將 bs 實例 賦值給一個變量,鉤子函數調用完畢后,就是銷毀這個變量,賦值給 data 中的一個屬性,那個這個對象就會成為這個組件的屬性
我們在選項中,便可以動態的設置 better-scroll 的效果,通過 組件通信
轉載于:https://www.cnblogs.com/shangjun6/p/11354840.html
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的better-scroll 的介绍的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Shell-03
- 下一篇: 2019杭电暑假多校训练 第六场 Sno