diff --git a/pages/component/scroll-view/scroll-view-props.uvue b/pages/component/scroll-view/scroll-view-props.uvue
index adf7943ee7a72756e9c0504b76f2f1ad7e2ec044..74cb6cd738147325adfed1f7baebeca3a47ace82 100644
--- a/pages/component/scroll-view/scroll-view-props.uvue
+++ b/pages/component/scroll-view/scroll-view-props.uvue
@@ -8,8 +8,9 @@
       :enable-back-to-top="enableBackToTop" :scroll-with-animation="scrollWithAnimation"
       style="flex-direction: row;" class="uni-margin-wrap" :show-scrollbar="showScrollbar" :bounces="bounces"
       @scrolltoupper="scrolltoupper" @scrolltolower="scrolltolower" @scroll="scroll" @scrollend="scrollend"
-      ref="scrollViewX" id="scrollViewX">
-      <view class="item" :id="'horizontal_'+item.id" v-for="(item,_) in items">
+      ref="scrollViewX" id="scrollViewX">
+      <!-- h-margin-right末尾元素添加margin-right 测试bug #3866-->
+      <view class="item" :id="'horizontal_'+item.id" v-for="(item,index) in items" :class="index==9 ? 'h-margin-right': ''">
         <text class="uni-text">{{item.label}}</text>
       </view>
     </scroll-view>
@@ -18,8 +19,9 @@
       :enable-back-to-top="enableBackToTop" :scroll-with-animation="scrollWithAnimation"
       :show-scrollbar="showScrollbar" :bounces="bounces" @scrolltoupper="scrolltoupper" @touchmove="onTouchMove"
       @scrolltolower="scrolltolower" @scroll="scroll" @scrollend="scrollend" ref="scrollViewY" id="scrollViewY"
-      class="uni-margin-wrap">
-      <view class="item" :id="item.id" v-for="(item,_) in items">
+      class="uni-margin-wrap">
+      <!-- v-margin-bottom末尾元素添加margin-bottom 测试bug #3866-->
+      <view class="item" :id="item.id" v-for="(item, index) in items" :class="index==9 ? 'v-margin-bottom': ''">
         <text class="uni-text">{{item.label}}</text>
       </view>
     </scroll-view>
@@ -248,4 +250,13 @@
   .button {
     flex: 1;
   }
+
+  /*自动化测试专用*/
+  .v-margin-bottom {
+    margin-bottom: 50px;
+  }
+  /*自动化测试专用*/
+  .h-margin-right {
+    margin-right: 50px;
+  }
 </style>