• 当前标签:底部

程序开发 小程序滚动到底部

小程序在实时聊天界面每发送一条自动滚动到网页底部; 实现代码: // 获取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();

2018-02-26 11:52:53 323 2 0
阅读详情
  • 1
前往