- 需要DOM加載完成后才能正確應(yīng)用. vue中應(yīng)用在$nextTick中毁腿,異步初始化。
- 子元素高度需要超過父元素。而且父元素需要設(shè)置高度。這才是better-scroll能夠滾動的原理萧吠。
- better-scroll在使用的時候,滾動只作用于第一個子元素桐筏,其它的元素都會被忽略纸型。在vue中,獲取的ref是seller梅忌,那么它的子元素seller-wrapper才是需要滾動的部分狰腌。
<div class="seller" ref="seller">
<div class="seller-wrapper">
...這里才是內(nèi)容
</div>
</div>
- 還有一種可能就是隱藏切換顯示。這樣都會導(dǎo)致插件參數(shù)的scrollerHeight:0牧氮。此時需要加上click:true琼腔,使better-scroll支持點擊事件,再調(diào)用下refresh()重新渲染DOM就行了蹋笼。
this.$nextTick(()=>{
if (!this.scroll) {
this.scroll = new BScroll(this.$refs.rongqi, {
click: true
});
} else {
this.scroll.refresh();
};
});
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者