去掉过度效果，直接定位到顶部

src/views/ebiz/claims/ClaimApprovalList.vue

@@ -7,7 +7,7 @@
           <van-tab name="approvalRecord" title="审批记录"></van-tab>
         </van-tabs>
       </van-sticky>
-      <div class="fs12 p10 bg-white" v-if="active == 'approvalRecord'">
+      <div class="fs12 p10 bg-white fixed" v-if="active == 'approvalRecord'">
           <van-button
               round
               :plain="plainStatus=='0'"
@@ -25,7 +25,7 @@
               @click="approvalRecordSwitch('0')"
               >未通过</van-button>           
       </div>
-      <div class="section" v-if="isSuccess">
+      <div :class="[active == 'approvalRecord'?'section mt96':'section mt45']" v-if="isSuccess">
         <div v-if="claimApprovalList.length > 0">
           <div v-for="(item, index) in claimApprovalList" :key="index">
             <div
@@ -79,7 +79,7 @@
           </div>
         </div>
       </div>
-      <div v-else class="text-center">
+      <div v-else class="text-center mt30">
         <img class="mt40" src="@/assets/images/pic_page-non.png" />
         <div class="fs17 mt40" v-if="active == 'notApproved'">暂无未审批信息！</div>
         <div class="fs17 mt40" v-if="active == 'approvalRecord'">暂无审批记录！</div>
@@ -412,6 +412,7 @@ export default {
     background-size: 100% 100%;
     vertical-align: middle;
   }
+  // 解决这个问题‘点击全部展开，下滑页面至最底部，点击全部收起，页面加载不出来，显示白色面板’
   .box{
       height: 100vh;
       overflow: hidden;
@@ -425,4 +426,25 @@ export default {
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
   }
+  // 去掉过度效果，直接定位到顶部，已处理这个问题‘点击全部展开，下滑页面至最底部，点击全部收起，页面加载不出来，显示白色面板’，会导致过度效果会来回抖动
+  /deep/.van-sticky{
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index: 99;
+    height: 44px;
+  }
+  //审批记录--已通过，未通过按钮，直接定位到顶部
+  .fixed{
+    position: fixed;
+    top: 44px;
+    right: 0;
+    left: 0;
+    z-index: 99;
+    height: 30px;
+  }
+  .mt96{
+    margin-top: 96px;
+  }
 </style>