聊天窗口滚动底部-scrollIntoView

scrollIntoView()可以在所有的HTML元素上调用,通过滚动浏览器窗口或某个容器元素,调用元素就可以出现在视窗中。

聊天窗口初始化和发送都需要滚动到最后一条信息的位置,则在初始化聊天记录和发送时分别调用滚动方法

 function goto () {
      var el = document.getElementById('context' + (chatList.value.length - 1))
      if (el) {
        console.log('context' + (chatList.value.length - 1))
        el.scrollIntoView()
      }
    }

如果没有反应或者报错,可能需要加上nextTick

nextTick(() => {
    goto()
})

猜你喜欢

转载自blog.csdn.net/LinBM123/article/details/126054990