小程序在实时聊天界面每发送一条自动滚动到网页底部;
实现代码:
1. // 获取im的id节点然后屏幕焦点调转到这个节点
2. bottom: function () {
3. var query = wx.createSelectorQuery()
4. query.select('.im').boundingClientRect()
5. query.selectViewport().scrollOffset()
6. query.exec(function (res) {
7. wx.pageScrollTo({
8. scrollTop: res[0].bottom // #the-id节点的下边界坐标
9. })
10. res[1].scrollTop // 显示区域的竖直滚动位置
11. })
12. },
上面的代码有点bug,找了个新的:
1. // 获取answer节点然后屏幕焦点调转到这个节点
2. bottom: function () {
3. wx.createSelectorQuery().select('.answer').boundingClientRect(function (rect) {
4. // 使页面滚动到底部
5. wx.pageScrollTo({
6. scrollTop: rect.height
7. })
8. }).exec()
9. },
然后在需要执行滚动的地方加上:
1. this.bottom();