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

example/pages/tab/index.wxml

@@ -104,7 +104,7 @@
       wx:key="index"
       title="{{ '标签' + item }}"
     >
-      <view class="content" style="height: 1000px;">
+      <view class="content">
         {{ '内容' + item }}
       </view>
     </van-tab>

packages/notice-bar/README.md

@@ -58,7 +58,7 @@
 | scrollable | 是否在长度溢出时滚动播放 | `Boolean` | `true` |
 | left-icon | 左侧图标图片 URL | `String` | - |
 | color | 文本颜色 | `String` | `#ed6a0c` |
-| background | 滚动条背景 | `String` | `#fffbe8` |
+| backgroundColor | 滚动条背景 | `String` | `#fffbe8` |
 | open-type | 微信开放能力 | `String` | `navigate` |
 
 ### Event

packages/tab/index.less

@@ -1,7 +1,13 @@
 .van-tab__pane {
   box-sizing: border-box;
+  overflow-y: auto;
 
-  &--float {
+  &--active {
-    float: left;
+    height: auto;
+  }
+
+  &--inactive {
+    height: 0px;
+    overflow: visible;
   }
 }

packages/tab/index.wxml

@@ -1,6 +1,6 @@
 <view
   wx:if="{{ animated || inited }}"
-  class="custom-class van-tab__pane {{ animated ? 'van-tab__pane--float' : '' }}"
+  class="custom-class van-tab__pane {{ active ? 'van-tab__pane--active' : 'van-tab__pane--inactive' }}"
   style="{{ animated || active ? '' : 'display: none;' }} {{ width ? 'width:' + width + 'px;' : '' }}"
 >
   <slot />

packages/tabs/index.less

@@ -94,6 +94,10 @@
   &__content {
     overflow: hidden;
   }
+
+  &__track {
+    position: relative;
+  }
 }
 
 .van-tab {

packages/tabs/index.ts

@@ -189,8 +189,9 @@ VantComponent({
         this.set({
           trackStyle: `
             width: ${width * this.child.length}px;
-            transform: translateX(${-1 * active * width}px);
+            left: ${-1 * active * width}px;
-            transition-duration: ${duration}s;
+            transition: left ${duration}s;
+            display: flex;
           `
         });
         this.setTabsProps({