diff --git a/src/area/README.md b/src/area/README.md
index 4a60b074b..f8494fa0b 100644
--- a/src/area/README.md
+++ b/src/area/README.md
@@ -66,7 +66,7 @@ To have a selected value，simply pass the `code` of target area to `value` prop
 | loading | Whether to show loading prompt | _boolean_ | `false` |
 | item-height `v2.8.6` | Option height, supports `px` `vw` `rem` unit, default `px` | _number \| string_ | `44` |
 | columns-num | Level of picker | _number \| string_ | `3` |
-| visible-item-count | Count of visible columns | _number \| string_ | `5` |
+| visible-item-count | Count of visible columns | _number \| string_ | `6` |
 | swipe-duration `v2.2.13` | Duration of the momentum animation，unit `ms` | _number \| string_ | `1000` |
 | is-oversea-code `v2.1.4` | The method to validate oversea code | _() => boolean_ | - |
 
diff --git a/src/area/README.zh-CN.md b/src/area/README.zh-CN.md
index 0de44a86a..5e2691ffe 100644
--- a/src/area/README.zh-CN.md
+++ b/src/area/README.zh-CN.md
@@ -66,7 +66,7 @@ Vue.use(Area);
 | loading | 是否显示加载状态 | _boolean_ | `false` |
 | item-height `v2.8.6` | 选项高度，支持 `px` `vw` `rem` 单位，默认 `px` | _number \| string_ | `44` |
 | columns-num | 显示列数，3-省市区，2-省市，1-省 | _number \| string_ | `3` |
-| visible-item-count | 可见的选项个数 | _number \| string_ | `5` |
+| visible-item-count | 可见的选项个数 | _number \| string_ | `6` |
 | swipe-duration `v2.2.13` | 快速滑动时惯性滚动的时长，单位`ms` | _number \| string_ | `1000` |
 | is-oversea-code `v2.1.4` | 根据`code`校验海外地址，海外地址会划分至单独的分类 | _() => boolean_ | - |
 
diff --git a/src/area/test/__snapshots__/demo.spec.js.snap b/src/area/test/__snapshots__/demo.spec.js.snap
index 1853af53c..984178494 100644
--- a/src/area/test/__snapshots__/demo.spec.js.snap
+++ b/src/area/test/__snapshots__/demo.spec.js.snap
@@ -8,9 +8,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">北京市</div>
             </li>
@@ -119,14 +119,14 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">北京市</div>
             </li>
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">东城区</div>
             </li>
@@ -177,7 +177,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -189,9 +189,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, -352px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, -330px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
               <div class="van-ellipsis">北京市</div>
             </li>
@@ -300,7 +300,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
               <div class="van-ellipsis">杭州市</div>
             </li>
@@ -337,7 +337,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">鹿城区</div>
             </li>
@@ -373,7 +373,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -385,9 +385,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">北京市</div>
             </li>
@@ -496,13 +496,13 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">北京市</div>
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -514,9 +514,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">请选择</div>
             </li>
@@ -628,12 +628,12 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;"></ul>
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"></ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;"></ul>
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"></ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
diff --git a/src/area/test/__snapshots__/index.spec.js.snap b/src/area/test/__snapshots__/index.spec.js.snap
index 2db538023..e29ea9587 100644
--- a/src/area/test/__snapshots__/index.spec.js.snap
+++ b/src/area/test/__snapshots__/index.spec.js.snap
@@ -4,9 +4,9 @@ exports[`change option 1`] = `
 <div class="van-picker van-area">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -16,7 +16,7 @@ exports[`change option 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -26,7 +26,7 @@ exports[`change option 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">东城区</div>
         </li>
@@ -35,7 +35,7 @@ exports[`change option 1`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -46,9 +46,9 @@ exports[`change option 2`] = `
 <div class="van-picker van-area">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -58,7 +58,7 @@ exports[`change option 2`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">天津市</div>
         </li>
@@ -68,7 +68,7 @@ exports[`change option 2`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">和平区</div>
         </li>
@@ -77,7 +77,7 @@ exports[`change option 2`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -88,9 +88,9 @@ exports[`change option 3`] = `
 <div class="van-picker van-area">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -100,7 +100,7 @@ exports[`change option 3`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">天津市</div>
         </li>
@@ -110,7 +110,7 @@ exports[`change option 3`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
           <div class="van-ellipsis">和平区</div>
         </li>
@@ -119,7 +119,7 @@ exports[`change option 3`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -130,9 +130,9 @@ exports[`columns-num prop 1`] = `
 <div class="van-picker van-area">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -142,7 +142,7 @@ exports[`columns-num prop 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -151,7 +151,7 @@ exports[`columns-num prop 1`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -161,17 +161,17 @@ exports[`columns-num prop 1`] = `
 exports[`columns-top、columns-bottom slot 1`] = `
 <div class="van-picker van-area">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
-  <!---->Top<div class="van-picker__columns" style="height: 220px;">
+  <!---->Top<div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;"></ul>
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"></ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;"></ul>
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"></ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;"></ul>
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"></ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>Bottom
   <!---->
@@ -182,9 +182,9 @@ exports[`reset method 1`] = `
 <div class="van-picker van-area">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -194,7 +194,7 @@ exports[`reset method 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
           <div class="van-ellipsis">天津市</div>
         </li>
@@ -204,13 +204,13 @@ exports[`reset method 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">蓟县</div>
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -221,9 +221,9 @@ exports[`reset method 2`] = `
 <div class="van-picker van-area">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -233,7 +233,7 @@ exports[`reset method 2`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -243,7 +243,7 @@ exports[`reset method 2`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">东城区</div>
         </li>
@@ -252,7 +252,7 @@ exports[`reset method 2`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -263,17 +263,17 @@ exports[`title slot 1`] = `
 <div class="van-picker van-area">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>Custom Title<button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;"></ul>
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"></ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;"></ul>
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"></ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;"></ul>
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"></ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -284,9 +284,9 @@ exports[`watch areaList & code 1`] = `
 <div class="van-picker van-area">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -296,7 +296,7 @@ exports[`watch areaList & code 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -306,7 +306,7 @@ exports[`watch areaList & code 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">东城区</div>
         </li>
@@ -315,7 +315,7 @@ exports[`watch areaList & code 1`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -326,9 +326,9 @@ exports[`watch areaList & code 2`] = `
 <div class="van-picker van-area">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -338,7 +338,7 @@ exports[`watch areaList & code 2`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -348,7 +348,7 @@ exports[`watch areaList & code 2`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">东城区</div>
         </li>
@@ -357,7 +357,7 @@ exports[`watch areaList & code 2`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -368,9 +368,9 @@ exports[`watch areaList & code 3`] = `
 <div class="van-picker van-area">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -380,7 +380,7 @@ exports[`watch areaList & code 3`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">北京市</div>
         </li>
@@ -390,7 +390,7 @@ exports[`watch areaList & code 3`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">东城区</div>
         </li>
@@ -399,7 +399,7 @@ exports[`watch areaList & code 3`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
diff --git a/src/datetime-picker/README.md b/src/datetime-picker/README.md
index 3293d5e20..44b5d09f2 100644
--- a/src/datetime-picker/README.md
+++ b/src/datetime-picker/README.md
@@ -260,7 +260,7 @@ export default {
 | formatter | Option text formatter | _(type, val) => val_ | - |
 | columns-order `v2.9.2` | Array for ordering columns, where item can be set to<br> `year`, `month`, `day`, `hour` and `minute` | _string[]_ | - |
 | item-height `v2.8.6` | Option height, supports `px` `vw` `rem` unit, default `px` | _number \| string_ | `44` |
-| visible-item-count | Count of visible columns | _number \| string_ | `5` |
+| visible-item-count | Count of visible columns | _number \| string_ | `6` |
 | swipe-duration `v2.2.13` | Duration of the momentum animation，unit `ms` | _number \| string_ | `1000` |
 
 ### DatePicker Props
diff --git a/src/datetime-picker/README.zh-CN.md b/src/datetime-picker/README.zh-CN.md
index f7a39741a..17fb28660 100644
--- a/src/datetime-picker/README.zh-CN.md
+++ b/src/datetime-picker/README.zh-CN.md
@@ -269,7 +269,7 @@ export default {
 | formatter | 选项格式化函数 | _(type, val) => val_ | - |
 | columns-order `v2.9.2` | 自定义列排序数组, 子项可选值为<br> `year`、`month`、`day`、`hour`、`minute` | _string[]_ | - |
 | item-height `v2.8.6` | 选项高度，支持 `px` `vw` `rem` 单位，默认 `px` | _number \| string_ | `44` |
-| visible-item-count | 可见的选项个数 | _number \| string_ | `5` |
+| visible-item-count | 可见的选项个数 | _number \| string_ | `6` |
 | swipe-duration `v2.2.13` | 快速滑动时惯性滚动的时长，单位`ms` | _number \| string_ | `1000` |
 
 ### DatePicker Props
diff --git a/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap b/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap
index 1489ea5bc..69d2e9083 100644
--- a/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap
+++ b/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap
@@ -4,16 +4,16 @@ exports[`filter prop 1`] = `
 <div class="van-picker">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">2020</div>
         </li>
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">05</div>
         </li>
@@ -23,7 +23,7 @@ exports[`filter prop 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">05</div>
         </li>
@@ -45,7 +45,7 @@ exports[`filter prop 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">00</div>
         </li>
@@ -64,7 +64,7 @@ exports[`filter prop 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">00</div>
         </li>
@@ -103,7 +103,7 @@ exports[`filter prop 1`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -114,9 +114,9 @@ exports[`formatter prop 1`] = `
 <div class="van-picker">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">2010 year</div>
         </li>
@@ -126,7 +126,7 @@ exports[`formatter prop 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">05 month</div>
         </li>
@@ -136,7 +136,7 @@ exports[`formatter prop 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">05 day</div>
         </li>
@@ -158,7 +158,7 @@ exports[`formatter prop 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">00 hour</div>
         </li>
@@ -177,7 +177,7 @@ exports[`formatter prop 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">00 minute</div>
         </li>
@@ -216,7 +216,7 @@ exports[`formatter prop 1`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
diff --git a/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap b/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap
index 93186057a..fea04fd14 100644
--- a/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap
+++ b/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap
@@ -4,9 +4,9 @@ exports[`time type 1`] = `
 <div class="van-picker van-datetime-picker">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">22</div>
         </li>
@@ -16,7 +16,7 @@ exports[`time type 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">58</div>
         </li>
@@ -25,7 +25,7 @@ exports[`time type 1`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
diff --git a/src/datetime-picker/test/__snapshots__/demo.spec.js.snap b/src/datetime-picker/test/__snapshots__/demo.spec.js.snap
index 30a574b09..39071a4ab 100644
--- a/src/datetime-picker/test/__snapshots__/demo.spec.js.snap
+++ b/src/datetime-picker/test/__snapshots__/demo.spec.js.snap
@@ -8,9 +8,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">选择年月日</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">2020</div>
             </li>
@@ -32,7 +32,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">01</div>
             </li>
@@ -72,7 +72,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">01</div>
             </li>
@@ -168,7 +168,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -180,9 +180,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">选择年月</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">2020年</div>
             </li>
@@ -204,7 +204,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">01月</div>
             </li>
@@ -243,7 +243,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -255,9 +255,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">选择月日</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">01月</div>
             </li>
@@ -297,7 +297,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">01日</div>
             </li>
@@ -393,7 +393,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -405,9 +405,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">选择时间</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
               <div class="van-ellipsis">10</div>
             </li>
@@ -444,7 +444,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">00</div>
             </li>
@@ -627,7 +627,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -639,9 +639,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">选择完整时间</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">2020</div>
             </li>
@@ -663,7 +663,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">01</div>
             </li>
@@ -703,7 +703,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">01</div>
             </li>
@@ -800,7 +800,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">00</div>
             </li>
@@ -876,7 +876,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">00</div>
             </li>
@@ -1059,7 +1059,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -1071,9 +1071,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">选择年月日小时</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">2020</div>
             </li>
@@ -1095,7 +1095,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">01</div>
             </li>
@@ -1135,7 +1135,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">01</div>
             </li>
@@ -1232,7 +1232,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">00</div>
             </li>
@@ -1307,7 +1307,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -1319,9 +1319,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">选项过滤器</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, -440px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, -418px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
               <div class="van-ellipsis">00</div>
             </li>
@@ -1397,7 +1397,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">00</div>
             </li>
@@ -1436,7 +1436,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -1448,9 +1448,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">自定义列排序</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">01月</div>
             </li>
@@ -1490,7 +1490,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">01日</div>
             </li>
@@ -1587,7 +1587,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">2020年</div>
             </li>
@@ -1608,7 +1608,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
diff --git a/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap b/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap
index ec25eb174..ec66b33e1 100644
--- a/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap
+++ b/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap
@@ -4,9 +4,9 @@ exports[`filter prop 1`] = `
 <div class="van-picker">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">00</div>
         </li>
@@ -25,7 +25,7 @@ exports[`filter prop 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">00</div>
         </li>
@@ -46,7 +46,7 @@ exports[`filter prop 1`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -57,9 +57,9 @@ exports[`format initial value 1`] = `
 <div class="van-picker">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">22</div>
         </li>
@@ -69,7 +69,7 @@ exports[`format initial value 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">58</div>
         </li>
@@ -78,7 +78,7 @@ exports[`format initial value 1`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -89,9 +89,9 @@ exports[`formatter prop 1`] = `
 <div class="van-picker">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">00 hour</div>
         </li>
@@ -110,7 +110,7 @@ exports[`formatter prop 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">00 minute</div>
         </li>
@@ -131,7 +131,7 @@ exports[`formatter prop 1`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -142,9 +142,9 @@ exports[`max-hour & max-minute 1`] = `
 <div class="van-picker">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">00</div>
         </li>
@@ -157,7 +157,7 @@ exports[`max-hour & max-minute 1`] = `
       </ul>
     </div>
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">00</div>
         </li>
@@ -169,7 +169,7 @@ exports[`max-hour & max-minute 1`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
diff --git a/src/picker/README.md b/src/picker/README.md
index d6da938eb..619598f14 100644
--- a/src/picker/README.md
+++ b/src/picker/README.md
@@ -253,7 +253,7 @@ export default {
 | allow-html `v2.1.8` | Whether to allow HTML in option text | _boolean_ | `true` |
 | default-index | Default value index of single column picker | _number \| string_ | `0` |
 | item-height `v2.8.6` | Option height, supports `px` `vw` `rem` unit, default `px` | _number \| string_ | `44` |
-| visible-item-count | Count of visible columns | _number \| string_ | `5` |
+| visible-item-count | Count of visible columns | _number \| string_ | `6` |
 | swipe-duration `v2.2.10` | Duration of the momentum animation，unit `ms` | _number \| string_ | `1000` |
 
 ### Events
diff --git a/src/picker/README.zh-CN.md b/src/picker/README.zh-CN.md
index 8ba6d01a5..f647f48c4 100644
--- a/src/picker/README.zh-CN.md
+++ b/src/picker/README.zh-CN.md
@@ -276,7 +276,7 @@ export default {
 | allow-html `v2.1.8` | 是否允许选项内容中渲染 HTML | _boolean_ | `true` |
 | default-index | 单列选择时，默认选中项的索引 | _number \| string_ | `0` |
 | item-height `v2.8.6` | 选项高度，支持 `px` `vw` `rem` 单位，默认 `px` | _number \| string_ | `44` |
-| visible-item-count | 可见的选项个数 | _number \| string_ | `5` |
+| visible-item-count | 可见的选项个数 | _number \| string_ | `6` |
 | swipe-duration `v2.2.10` | 快速滑动时惯性滚动的时长，单位 `ms` | _number \| string_ | `1000` |
 
 ### Events
diff --git a/src/picker/shared.ts b/src/picker/shared.ts
index 9df9467d7..7736234a5 100644
--- a/src/picker/shared.ts
+++ b/src/picker/shared.ts
@@ -23,7 +23,7 @@ export const pickerProps = {
   },
   visibleItemCount: {
     type: [Number, String],
-    default: 5,
+    default: 6,
   },
   swipeDuration: {
     type: [Number, String],
diff --git a/src/picker/test/__snapshots__/demo.spec.js.snap b/src/picker/test/__snapshots__/demo.spec.js.snap
index ef31702d1..44490e4d6 100644
--- a/src/picker/test/__snapshots__/demo.spec.js.snap
+++ b/src/picker/test/__snapshots__/demo.spec.js.snap
@@ -8,9 +8,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">杭州</div>
             </li>
@@ -28,7 +28,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -40,9 +40,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
               <div class="van-ellipsis">杭州</div>
             </li>
@@ -60,7 +60,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -72,9 +72,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
               <div class="van-ellipsis">周一</div>
             </li>
@@ -93,7 +93,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
               <div class="van-ellipsis">上午</div>
             </li>
@@ -105,7 +105,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -117,9 +117,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">浙江</div>
             </li>
@@ -129,7 +129,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">杭州</div>
             </li>
@@ -139,7 +139,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">西湖区</div>
             </li>
@@ -148,7 +148,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -160,9 +160,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="-1" class="van-picker-column__item van-picker-column__item--disabled" style="height: 44px;">
               <div class="van-ellipsis">杭州</div>
             </li>
@@ -174,7 +174,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -186,9 +186,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <!---->
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column column1">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">浙江</div>
             </li>
@@ -198,7 +198,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column column2">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
               <div class="van-ellipsis">杭州</div>
             </li>
@@ -216,7 +216,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
@@ -228,9 +228,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
       </div>
       <div class="van-loading van-loading--circular van-picker__loading"><span class="van-loading__spinner van-loading__spinner--circular"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
-      <div class="van-picker__columns" style="height: 220px;">
+      <div class="van-picker__columns" style="height: 264px;">
         <div class="van-picker-column column1">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
               <div class="van-ellipsis">浙江</div>
             </li>
@@ -240,7 +240,7 @@ exports[`renders demo correctly 1`] = `
           </ul>
         </div>
         <div class="van-picker-column column2">
-          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; transition-property: none;">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;">
             <li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
               <div class="van-ellipsis">杭州</div>
             </li>
@@ -258,7 +258,7 @@ exports[`renders demo correctly 1`] = `
             </li>
           </ul>
         </div>
-        <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+        <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
         <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
       </div>
       <!---->
diff --git a/src/picker/test/__snapshots__/index.spec.js.snap b/src/picker/test/__snapshots__/index.spec.js.snap
index fe9515293..24c30aa69 100644
--- a/src/picker/test/__snapshots__/index.spec.js.snap
+++ b/src/picker/test/__snapshots__/index.spec.js.snap
@@ -59,11 +59,11 @@ exports[`column watch default index 2`] = `
 exports[`columns-top、columns-bottom prop 1`] = `
 <div class="van-picker">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
-  <!---->Custom Columns Top<div class="van-picker__columns" style="height: 220px;">
+  <!---->Custom Columns Top<div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;"></ul>
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"></ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>Custom Columns Bottom
   <!---->
@@ -73,15 +73,15 @@ exports[`columns-top、columns-bottom prop 1`] = `
 exports[`not allow html 1`] = `
 <div class="van-picker">
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
           <div class="van-ellipsis">&lt;div&gt;option&lt;/div&gt;</div>
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -92,11 +92,11 @@ exports[`render title slot 1`] = `
 <div class="van-picker">
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>Custom title<button type="button" class="van-picker__confirm">确认</button></div>
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;"></ul>
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"></ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <!---->
@@ -106,9 +106,9 @@ exports[`render title slot 1`] = `
 exports[`set rem item-height 1`] = `
 <div class="van-picker">
   <!---->
-  <div class="van-picker__columns" style="height: 800px;">
+  <div class="van-picker__columns" style="height: 960px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 320px, 0); transition-duration: 0ms; transition-property: none;">
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 400px, 0); transition-duration: 0ms; transition-property: none;">
         <li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 160px;">
           <div class="van-ellipsis">1990</div>
         </li>
@@ -117,7 +117,7 @@ exports[`set rem item-height 1`] = `
         </li>
       </ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 320px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 400px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 160px;"></div>
   </div>
   <!---->
@@ -128,11 +128,11 @@ exports[`toolbar-position prop 1`] = `
 <div class="van-picker">
   <!---->
   <!---->
-  <div class="van-picker__columns" style="height: 220px;">
+  <div class="van-picker__columns" style="height: 264px;">
     <div class="van-picker-column">
-      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none;"></ul>
+      <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"></ul>
     </div>
-    <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
+    <div class="van-picker__mask" style="background-size: 100% 110px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
   <div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>