diff --git a/src/control/list/list.scss b/src/control/list/list.scss
index f4452663c00401e417cc517f20b810c6093d4643..90a2cc2fcf6b59c71cba1b316a536e8e14acdab1 100644
--- a/src/control/list/list.scss
+++ b/src/control/list/list.scss
@@ -146,14 +146,11 @@ $control-list-group-style2: (
 @include b(control-list-scroll) {
   height: 100%;
   overflow: auto;
-}
-
-@include b(control-list-reverse-scroll) {
-  height: 100%;
-  overflow: auto;
-  .#{bem(control-list, layout-flex)} {
-    display: flex;
-    flex-direction: column-reverse
+  @include when(reverse-scroll) {
+    .#{bem(control-list, layout-flex)} {
+      display: flex;
+      flex-direction: column-reverse
+    }
   }
 }
 
diff --git a/src/control/list/list.tsx b/src/control/list/list.tsx
index fe78f198ee674e6909a3451c24654d853ea9d83b..285da68413e7977c6a1b43b815dd0113c3f523d7 100644
--- a/src/control/list/list.tsx
+++ b/src/control/list/list.tsx
@@ -573,7 +573,7 @@ export const ListControl = defineComponent({
           class={[
             ns.b('scroll'),
             ns.b('content'),
-            ns.b('reverse-scroll', reverseScroll),
+            ns.is('reverse-scroll', reverseScroll),
             ns.is(
               'show-underLine',
               c.model.controlStyle !== 'EXTVIEW1' &&