首先我們需要使用scrollTo這個(gè)方法：
scrollTo(x, y, time, easing)
參數(shù)：
- {Number} x 橫軸坐標(biāo)（單位 px）
- {Number} y 縱軸坐標(biāo)（單位 px）
- {Number} time 滾動(dòng)動(dòng)畫執(zhí)行的時(shí)長（單位 ms）
- {Object} easing 緩動(dòng)函數(shù)，一般不建議修改，如果想修改，參考源碼中的 ease.js 里的寫法
為了組件的復(fù)用性，我們需要在scroll組件的props添加一個(gè)flag，可以監(jiān)聽父元素是否開啟滾動(dòng)到最底部。
scrollToEndFlag: {
type: Boolean,
default: false
}
接下來我們?cè)趕croll組件的mounted中加入如下代碼：
setTimeout(() => {
this._initScroll()
console.log(this.scroll.maxScrollY)
if(this.scrollToEndFlag) {
this.scroll.scrollTo(0,this.scroll.maxScrollY)
}
}, 100)
最后在父組件中使用
<scroll :scrollToEndFlag="scrollToEndFlag"> </scroll>