diff --git a/resources/assets/js/pages/manage/messenger.vue b/resources/assets/js/pages/manage/messenger.vue
index 8cff4f422..622442f6a 100644
--- a/resources/assets/js/pages/manage/messenger.vue
+++ b/resources/assets/js/pages/manage/messenger.vue
@@ -21,7 +21,8 @@
                 </div>
                 <ScrollerY
                     ref="list"
-                    class="messenger-list overlay-y"
+                    class="messenger-list"
+                    :class="overlayClass"
                     @on-scroll="listScroll"
                     static>
                     <ul
@@ -223,6 +224,13 @@ export default {
                 return num;
             }
         },
+
+        overlayClass() {
+            return {
+                'overlay-y': true,
+                'overlay-none': this.topOperateVisible === true,
+            }
+        }
     },
 
     watch: {
diff --git a/resources/assets/sass/pages/page-messenger.scss b/resources/assets/sass/pages/page-messenger.scss
index 3b9889a94..f564a173c 100644
--- a/resources/assets/sass/pages/page-messenger.scss
+++ b/resources/assets/sass/pages/page-messenger.scss
@@ -78,7 +78,6 @@
                 width: 100%;
                 overflow-x: hidden;
                 overflow-y: auto;
-                padding-right: 9px;
                 > ul {
                     &.dialog {
                         > li {
diff --git a/resources/assets/sass/scrollbar.scss b/resources/assets/sass/scrollbar.scss
index e07142d3d..b4925d780 100644
--- a/resources/assets/sass/scrollbar.scss
+++ b/resources/assets/sass/scrollbar.scss
@@ -38,3 +38,8 @@
         background: rgba(0, 0, 0, 0);
     }
 }
+.overlay-none {
+    &::-webkit-scrollbar {
+        display: none;
+    }
+}