fix(sticky): abnormal height calculation problem

Tencent · Nov 23, 2024 · 1cde5fc · 1cde5fc
1 parent a53836f
commit 1cde5fc
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/sticky/__test__/index.test.js b/src/sticky/__test__/index.test.js
@@ -34,7 +34,7 @@ describe('Sticky Props', () => {
     const $sticky = comp.querySelector('.demo >>> #base-sticky');
 
     simulate.scroll($demo, 500, 4);
-    await simulate.sleep(20);
+    await simulate.sleep(320);
     expect($sticky.instance.data.contentStyle).toBe('position:fixed;top:0px;left:0;right:0;');
   });
 

diff --git a/src/sticky/sticky.ts b/src/sticky/sticky.ts
@@ -34,7 +34,9 @@ export default class Sticky extends SuperComponent {
   };
 
   ready() {
-    this.onScroll();
+    setTimeout(() => {
+      this.onScroll();
+    }, 300);
   }
 
   methods = {

diff --git a/src/sticky/sticky.wxml b/src/sticky/sticky.wxml
@@ -2,9 +2,12 @@
 
 <view
   class="{{classPrefix}} class {{prefix}}-class"
-  style="{{_._style(['z-index:' + zIndex, containerStyle, style, customStyle])}};"
+  style="{{_._style(['z-index:' + zIndex, containerStyle, style, customStyle])}}"
 >
-  <view class="{{classPrefix}}__content {{prefix}}-class-content" style="z-index:{{ zIndex }};{{ contentStyle }};">
+  <view
+    class="{{classPrefix}}__content {{prefix}}-class-content"
+    style="{{_._style(['z-index:' + zIndex, contentStyle]) }}"
+  >
     <slot />
   </view>
 </view>