From 2c69835a66943e61ed8aac5d645b80b93469763f Mon Sep 17 00:00:00 2001
From: shutao <shutao@dcloud.io>
Date: Fri, 10 May 2024 18:25:18 +0800
Subject: [PATCH] =?UTF-8?q?update=20sticky-section.nvue=20=E6=8B=89?=
 =?UTF-8?q?=E9=BD=90web=E7=AB=AF=E4=B8=8Eapp=E6=B8=B2=E6=9F=93=E5=B7=AE?=
 =?UTF-8?q?=E5=BC=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sticky-section/sticky-section.test.js        |  3 ++-
 .../component/sticky-section/sticky-section.uvue | 16 ++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/pages/component/sticky-section/sticky-section.test.js b/pages/component/sticky-section/sticky-section.test.js
index 2e2d47be..8f836a43 100644
--- a/pages/component/sticky-section/sticky-section.test.js
+++ b/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();
diff --git a/pages/component/sticky-section/sticky-section.uvue b/pages/component/sticky-section/sticky-section.uvue
index bfa63cd2..c882f401 100644
--- a/pages/component/sticky-section/sticky-section.uvue
+++ b/pages/component/sticky-section/sticky-section.uvue
@@ -1,12 +1,11 @@
 <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
-- 
GitLab