update sticky-section.nvue 拉齐web端与app渲染差异

pages/component/sticky-section/sticky-section.test.js

@@ -6,7 +6,8 @@ describe('component-native-sticky-section', () => {
   })
 
   //检测吸顶上推效果
-  it('check_sticky_section', async () => {
+  it('check_sticky_section', async () => {
+    page.waitFor(300)
     await page.callMethod('listViewScrollByY', 1000)
     const image = await program.screenshot({fullPage: true});
     expect(image).toSaveImageSnapshot();

pages/component/sticky-section/sticky-section.uvue

 <template>
   <page-head title="sticky-section"></page-head>
+  <button style="position: fixed; width: 50px; height: 50px;" @click="listViewScrollByY(1000)">测试</button>
   <list-view id="list-view" ref="list-view" show-scrollbar=false class="page" :scroll-into-view="scrollIntoView"
-  @scroll="onScroll" @scrollend="onScrollEnd" rebound="false">
-    <!-- #ifdef APP -->
+  @scroll="onScroll" @scrollend="onScrollEnd" rebound="false">
     <list-item style="padding: 10px; margin: 5px 0;align-items: center;" :type = 20>
       <button @click="gotoStickyHeader('C')" size="mini">跳转到id为C的sticky-header位置上</button>
-    </list-item>
-    <!-- #endif -->
+    </list-item>
     <sticky-section v-for="(sectionText) in data" :padding="sectionPadding" :push-pinned-header="true">
       <sticky-header :header-id="sectionText" :id="sectionText">
         <text class="sticky-header-text">{{sectionText}}</text>
@@ -43,8 +42,13 @@
         // listview.scrollBy(0, y)
         listview.scrollTop = y
       },
-      gotoStickyHeader(id : string) {
-        this.scrollIntoView = id
+      gotoStickyHeader(id : string) {
+        // #ifdef APP
+        this.scrollIntoView = id
+        // #endif
+        // #ifdef WEB
+        console.log("web端不支持该功能")
+        // #endif
       },
       onScroll() {
         this.scrolling = true