使用vue 在写 多人聊天区域 遇到的问题

Question

问题描述

开始我模拟数据，每一秒一条消息 ，最新消息自动到底部，但是我想滚动滑轮，查看之前消息的时候，这个时候来新消息了，又到下面了

问题出现的环境背景及自己尝试过哪些方法

没有思路

相关代码

这是我目前的写法

 watch: {
    list() {
      this.$nextTick(() => {
        let msg = document.getElementById("chatContainer"); // 获取对象;
        msg.scrollTop = msg.scrollHeight; // 滚动高度
      });
    }

你期待的结果是什么？实际看到的错误信息又是什么？

我想要实现，在我没滚动的时候，最新消息 还是滚动底部，当我滚动滑轮时候，消息正常更新 但是 不滚动到底部 当我不滚动过5秒 消息这个时候 滚动底部，

Answer 1

添加滚轮事件，设置状态，在新消息来时判断该状态再决定是否滚动到底部