简单聊天框布局+滚动条自动到底

需求：是在实现毕业设计时需要做一个一对一聊天的功能

问题

写了个大概的界面，主要是遇到了滚动条不会自动到底的问题

用了ant的组件库， 先看看布局

代码如下

 <a-card>
      <div class="content" id="chatContent">
        <div v-for="(item, index) in chatList" :key="index">
          <div class="right" v-if="item.userAId == userA">
            <p