写在前:当我们给一个类设置overflow-y: scroll; overflow: hidden; 的时候,wx.pageScrollTo不起作用。
1.给盒子定义一个id为x_chat;(其他样式,按需定义)
<view id="x_chat" class="dialog" >
</view>
2.封装成方法,在onReady时调用;(滚动用到的wx.pageScrollTo)
// 滚动到页面底部
pageScrollToBottom: function() {
console.log("滚动")
let that = this;
wx.createSelectorQuery().select('#x_chat').boundingClientRect(function(rect) {
console.log(rect)
wx.pageScrollTo({
scrollTop: rect.height,
duration: 100
})
}).exec()
},