scroll-view滚动到底部方法

scroll-view滚动到底部方法

思路:scroll-view中包裹一个view,view中存放所有内容,利用scroll-view的scroll-top属性:向上滚动的距离,当需要滚动到底部时,使scroll-top的大小刚好是包裹view的高度

html:

<scroll-view :scroll-top="topNum" scroll-y="true">
     <view id="chat-box">
          //内容
     </view>
</scroll-view>

js:

wx.createSelectorQuery().select('#chat-box').boundingClientRect(function(rect) {
	//滚动的高度=scroll-view内view的高度
	this.topNum = rect.height
}).exec()