vue客服聊天——让滚动条保持在底部

 第2种方法有效别的报错，别的也是从网上找的

第一种方法：

写在发送事件里

//让滚动条保持到最底端的一种方式
          
 var now = new Date();
           var oTalk_sub = document.getElementById('talksub');
           var oWords = document.getElementById('words');
           var sTalk = '<div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;777</div>'
           // oWords.innerHTML = oWords.innerHTML + sTalk
           oWords.innerHTML = oWords.innerHTML
         oWords.scrollTop = oWords.scrollHeight

第2种方法： 

写在发送事件里

<div class="infor" ref="ref_messages_nodes" id="words">
            <template v-for="(item,index) in sendMessage">
              <div ref="MessageBox">
                //聊天记录的地方

 

setTimeout(() => {
            this.scrollBottm();
          }, 50);

scrollBottm() {
        let el = this.$refs["ref_messages_nodes"];
        el.scrollTop = el.scrollHeight;
      },

第3种方法：

写在mounted里

//滚动底部 或者去掉
       setTimeout(() => {
         this.$nextTick(() => {
           let scroll = this.$refs['MessageBox'].wrap // 获取对象
           scroll.scrollTop = scroll.scrollHeight
         })
       }, 100)