diff --git a/packages/scrollbar/src/main.js b/packages/scrollbar/src/main.js
index b57737017..2eb41a847 100644
--- a/packages/scrollbar/src/main.js
+++ b/packages/scrollbar/src/main.js
@@ -93,7 +93,7 @@ export default {
         </div>
       ]);
     }
-    return h('div', { class: 'el-scrollbar' }, nodes);
+    return h('div', { 'class': ['el-scrollbar', this.always ? 'is-always' : ''] }, nodes);
   },
 
   methods: {
diff --git a/packages/theme-chalk/src/scrollbar.scss b/packages/theme-chalk/src/scrollbar.scss
index 56e5f2910..3e844a3c7 100644
--- a/packages/theme-chalk/src/scrollbar.scss
+++ b/packages/theme-chalk/src/scrollbar.scss
@@ -14,6 +14,12 @@
     }
   }
 
+  @include when(always){
+    @include e(bar) {
+      opacity: 1;
+    }
+  }
+
   @include e(wrap) {
     overflow: scroll;
     height: 100%;