Update index.vue

packages/components/Scroll/index.vue

@@ -406,10 +406,10 @@ export default {
   //$ = vue-better-scroll
   .vue-better-scroll {
     width 100%
-  //height 100%
     overflow hidden
     box-sizing border-box
-    position absolute
+    position relative
+    height 100%
 
     &__wrapper {
       -webkit-user-select: none;
@@ -422,6 +422,7 @@ export default {
       text-size-adjust: none;
       -webkit-transform-origin: left top;
       transform-origin: left top;
+      padding-bottom: 1.76rem;
     }
 
     &__pullup {
@@ -460,11 +461,21 @@ export default {
       }
     }
   }
+
+   .platform-ios{
+     .vue-better-scroll {
+       &__wrapper {
+         padding-bottom: 2.16rem;
+       }
+     }
+   }
   // iPhoneX适配
   @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
     .platform-ios {
-      .has-header {
-        top: 84px;
+      .vue-better-scroll {
+        &__wrapper {
+          padding-bottom: 2.84rem;
+        }
       }
     }
   }
@@ -472,8 +483,10 @@ export default {
   // iPhoneX Max适配
   @media (device-width: 414px) and (device-height: 896px)  {
     .platform-ios {
-      .has-header {
-        top: 84px;
+      .vue-better-scroll {
+        &__wrapper {
+          padding-bottom: 2.84rem;
+        }
       }
     }
   }