避免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"
   >
+    <view class="content">
       <view v-for="i in 20" class="content-item">
         <text class="text">item-{{i}}</text>
       </view>
+    </view>
     <refresh-box slot="refresher" :state="state" :pullingDistance="pullingDistance"></refresh-box>
   </scroll-view>
-  </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;