小程序在实时聊天界面每发送一条自动滚动到网页底部;
实现代码:
// 获取im的id节点然后屏幕焦点调转到这个节点bottom: function () {var query = wx.createSelectorQuery()query.select('.im').boundingClientRect()query.selectViewport().scrollOffset()query.exec(function (res) {wx.pageScrollTo({scrollTop: res[0].bottom // #the-id节点的下边界坐标})res[1].scrollTop // 显示区域的竖直滚动位置})},
上面的代码有点bug,找了个新的:
- // 获取answer节点然后屏幕焦点调转到这个节点
- bottom: function () {
- wx.createSelectorQuery().select('.answer').boundingClientRect(function (rect) {
- // 使页面滚动到底部
- wx.pageScrollTo({
- scrollTop: rect.height
- })
- }).exec()
- },
然后在需要执行滚动的地方加上:
- this.bottom();
没有用啊 可以指导我吗
在页面中添加一个view class="answer"
然后js中添加方法:
然后在需要调用的地方执行这个方法