[bugfix] Tabs：修复开启animated属性时导致的滚动问题 (#2238)

2018-12-15 18:04:25 +08:00
parent a94683a7e3
commit e2c4d60058
6 changed files with 118 additions and 109 deletions
@@ -122,6 +122,14 @@
    overflow: hidden;
  }

+  &__track {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    will-change: left;
+  }
+
  &--line {
    padding-top: @tabs-line-height;

@@ -139,10 +147,18 @@
  }

  .van-tab__pane {
+    width: 100%;
    box-sizing: border-box;
-  
-    &--float {
-      float: left;
+    flex-shrink: 0;
+    overflow-y: auto;
+
+    &--inactive {
+      height: 0;
+      overflow: visible;
+    }
+
+    &--active {
+      height: auto;
    }
  }
 }