浏览代码

修改样式

lex 1 年之前
父节点
当前提交
6ec3f9d837
共有 1 个文件被更改,包括 14 次插入9 次删除
  1. 14 9
      src/components/m-sticky/index.tsx

+ 14 - 9
src/components/m-sticky/index.tsx

@@ -63,18 +63,23 @@ export default defineComponent({
       } else {
         forms.divStyle.bottom = props.offsetBottom || '0px';
       }
-      const resize = new ResizeObserver(() => {
-        const { height } = useRect(div2Ref.value);
-        __initHeight(height);
-      });
-      resize.observe(divRef.value);
-
-      // useResizeObserver(divRef.value, (entries: any) => {
-      //   const entry = entries[0];
-      //   const { height } = entry.contentRect;
+      // const resize = new ResizeObserver(() => {
+      //   const { height } = useRect(div2Ref.value);
       //   __initHeight(height);
       // });
+      // resize.observe(divRef.value);
 
+      try {
+        useResizeObserver(divRef.value, (entries: any) => {
+          const entry = entries[0];
+          const { height } = entry.contentRect;
+          if (Math.abs(height - forms.heightV) > 1) {
+            setTimeout(() => {
+              __initHeight(height);
+            }, 10);
+          }
+        });
+      } catch {}
 
       // nextTick(() => {
       //   // 为了处理刚开始头部高度为0的情况