HTML結構方面
<!--父元素-->
<div class="seller" ref="seller">
<!--需要出現滾動條的內容區-->
<div class="content"></div>
</div>
樣式方面
對父元素seller必須有一定的高度而且必須出現隱藏滾動條,這樣一旦子元素content的高度高過父元素的時候就會出現滾動條,否則不會出現
.seller
position: absolute
top: 174px
bottom: 0
left: 0
width: 100%
overflow hidden
JavaScript方面
if (!this.scroll) {
this.scroll = new BScroll(this.$refs.seller, {
click: true
});
} else {
this.scroll.refresh();
}
總結:用一個if...else這樣就避免了一直重複的去計算this.scroll 了