微信小程序:scroll-view改动内容自动滑动到页面底部

在项目中遇到对话机器人对话中,对话内容变动自动滑动到底部,采用的scroll-view中的scroll-top属性。

wxml:



js:

  data: {
    

    scrollTop:''


  },
 // 获取容器高度,使页面滚动到容器底部
   pageScrollToBottom: function() {
    var that = this;
    wx.createSelectorQuery().select('#page').boundingClientRect(function(rect) {
      if (rect){
        that.setData({
          scrollTop: rect.bottom +6000
        })
      }
    }).exec()
  },

主要就是pageScrollToBottom()这个方法,可以在发送成功对话后调用。亲测,可行。

你可能感兴趣的:(vue)