避免scroll-view自定义下拉属性设置padding滚动条显示位置不正确的问题

pages/template/custom-refresher/custom-refresher.uvue

 <template>
-  <view style="flex: 1;">
-    <scroll-view class="scroll-view"
-        :refresher-enabled="true" :refresher-triggered="refresherTriggered" refresher-default-style="none"
-        @refresherpulling="onRefresherpulling"
-        @refresherrefresh="onRefresherrefresh"
-        :refresher-threshold="refresherThreshold"
-    >
+  <scroll-view class="scroll-view"
+      :refresher-enabled="true" :refresher-triggered="refresherTriggered" refresher-default-style="none"
+      @refresherpulling="onRefresherpulling"
+      @refresherrefresh="onRefresherrefresh"
+      :refresher-threshold="refresherThreshold"
+  >
+    <view class="content">
       <view v-for="i in 20" class="content-item">
         <text class="text">item-{{i}}</text>
       </view>
-      <refresh-box slot="refresher" :state="state" :pullingDistance="pullingDistance"></refresh-box>
-    </scroll-view>
-  </view>
+    </view>
+    <refresh-box slot="refresher" :state="state" :pullingDistance="pullingDistance"></refresh-box>
+  </scroll-view>
 </template>
 
 <script>
@@ -68,10 +68,13 @@
 <style>
   .scroll-view {
     flex: 1;
-		padding: 5px 15px;
 		background-color: #f5f5f5;
   }
 
+  .content {
+		padding: 5px 15px;
+  }
+
 	.content-item {
 		padding: 15px;
 		margin: 5px 0;