保证聊天室在第一次打开时，滚动条在最底部

ruoyi-ui-vue2/src/components/FloatingComponent/index.vue

@@ -228,6 +228,7 @@ export default {
       activeChatRoom: {},
       activeScrollTop: 0,
       avatarPrefix: process.env.VUE_APP_BASE_API,
+      firstEnter: 0,
 
     };
   },
@@ -375,7 +376,7 @@ export default {
       }).finally(() => {
         this.$nextTick(() => {
           const div = document.getElementById('messageList')
-          if (div){
+          if (div) {
             div.scrollTop = div.scrollHeight
           }
         })
@@ -394,7 +395,10 @@ export default {
       }).finally(() => {
         this.$nextTick(() => {
           const div = document.getElementById('messageList')
-          if (div){
+          if (this.firstEnter) {
+            this.activeScrollTop = div.scrollHeight;
+          }
+          if (div) {
             div.scrollTop = div.scrollHeight
           }
         })
@@ -483,8 +487,9 @@ export default {
       if (this.popUpFlag) {
         setTimeout(() => {
           const scroll = document.getElementById('messageList');
-          if (scroll){
+          if (scroll) {
             scroll.addEventListener('scroll', that.scrollHandle, true);
+            //如果是第一次进入，则滚动至底部
             scroll.scrollTo({
               top: this.activeScrollTop,
               behavior: 'smooth'
@@ -492,9 +497,12 @@ export default {
           }
         }, 200)
 
+
       } else {
         this.$set(this.queryParams, 'chatName', null)
       }
+
+      this.firstEnter++;
     }
 
   },
@@ -524,7 +532,6 @@ export default {
 
           }
           await this.handleQueryContentList(this.activeChatRoom);
-
           this.messageShow = true
           this.totalQty = isNaN(Number(val.chatRoomsTotal)) ? 0 : Number(val.chatRoomsTotal);
           // 是否弹出消息列表