diff --git a/src/platforms/h5/components/app/popup/actionSheet.vue b/src/platforms/h5/components/app/popup/actionSheet.vue
index e7cec733768f993b3d74919bb874926bb9420244..8d84427e07c4c1a9331e152c50f8c1b06cbab826 100644
--- a/src/platforms/h5/components/app/popup/actionSheet.vue
+++ b/src/platforms/h5/components/app/popup/actionSheet.vue
@@ -1,26 +1,26 @@
 <template>
   <uni-actionsheet @touchmove.prevent>
     <transition name="uni-fade">
-      <div
-        v-show="visible"
-        class="uni-mask"
+      <div
+        v-show="visible"
+        class="uni-mask"
         @click="_close(-1)" />
     </transition>
-    <div
-      :class="{'uni-actionsheet_toggle':visible}"
+    <div
+      :class="{'uni-actionsheet_toggle':visible}"
       class="uni-actionsheet">
       <div class="uni-actionsheet__menu">
-        <div
-          v-for="(title,index) in itemList"
-          :key="index"
-          :style="{color:itemColor}"
-          class="uni-actionsheet__cell"
+        <div
+          v-for="(title,index) in itemList"
+          :key="index"
+          :style="{color:itemColor}"
+          class="uni-actionsheet__cell"
           @click="_close(index)">{{ title }}</div>
       </div>
       <div class="uni-actionsheet__action">
-        <div
-          :style="{color:itemColor}"
-          class="uni-actionsheet__cell"
+        <div
+          :style="{color:itemColor}"
+          class="uni-actionsheet__cell"
           @click="_close(-1)">取消</div>
       </div>
     </div>
@@ -67,10 +67,13 @@ export default {
 		z-index: 999;
 		width: 100%;
 		background-color: #efeff4;
-		transition: transform .3s;
+    visibility: hidden;
+    transition-property: transform, visibility;
+		transition-duration: 0.3s, 0.3s;
 	}
 
 	uni-actionsheet .uni-actionsheet.uni-actionsheet_toggle {
+    visibility: visible;
 		transform: translate(0, 0);
 	}
 
@@ -78,19 +81,6 @@ export default {
 		box-sizing: border-box;
 	}
 
-	uni-actionsheet .uni-actionsheet {
-		position: fixed;
-		left: 0;
-		bottom: 0;
-		transform: translate(0, 100%);
-		backface-visibility: hidden;
-		z-index: 999;
-		width: 100%;
-		background-color: #efeff4;
-		transition: transform .3s;
-		transition: transform 0.3s;
-	}
-
 	uni-actionsheet .uni-actionsheet__menu {
 		background-color: #fcfcfd;
 	}
@@ -127,4 +117,4 @@ export default {
 	uni-actionsheet .uni-actionsheet__cell:first-child:before {
 		display: none;
 	}
-</style>
+</style>
diff --git a/src/platforms/h5/components/app/popup/picker.vue b/src/platforms/h5/components/app/popup/picker.vue
index 2cb4458510c66d5ae7bf06263390ecbf27fd12f2..a9f23954126b444aecd42bc8c51bd4716c0815b7 100644
--- a/src/platforms/h5/components/app/popup/picker.vue
+++ b/src/platforms/h5/components/app/popup/picker.vue
@@ -357,22 +357,6 @@ uni-picker {
   box-sizing: border-box;
 }
 
-uni-picker .uni-picker {
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  transform: translate(0, 100%);
-  backface-visibility: hidden;
-  z-index: 999;
-  width: 100%;
-  background-color: #efeff4;
-  transition: transform 0.3s;
-}
-
-uni-picker .uni-picker.uni-picker-toggle {
-  transform: translate(0, 0);
-}
-
 uni-picker .uni-picker * {
   box-sizing: border-box;
 }
@@ -386,8 +370,14 @@ uni-picker .uni-picker {
   z-index: 999;
   width: 100%;
   background-color: #efeff4;
-  transition: transform 0.3s;
-  transition: transform 0.3s;
+  visibility: hidden;
+  transition-property: transform,visibility;
+  transition-duration: 0.3s, 0.3s;
+}
+
+uni-picker .uni-picker.uni-picker-toggle {
+  visibility: visible;
+  transform: translate(0, 0);
 }
 
 uni-picker .uni-picker-content {