Merge pull request #873 from sheinsight/fix-table-vertical-scroll-shake

fix: 避免Table垂直方向上的滚动条抖动现象
sheinsight · Dec 16, 2024 · cd88e28 · cd88e28
2 parents 9201dfd + 6354b1d
commit cd88e28
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "sheinx",
   "private": true,
-  "version": "3.5.5-beta.3",
+  "version": "3.5.5-beta.4",
   "description": "A react library developed with sheinx",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

diff --git a/packages/base/src/virtual-scroll/scroll.tsx b/packages/base/src/virtual-scroll/scroll.tsx
@@ -57,7 +57,8 @@ const Scroll = (props: scrollProps) => {
     top: 0,
   } as React.CSSProperties;
 
-  const paddingTop = useMemo(() => Math.max(0, Math.floor(scrollHeight - height)), [scrollHeight, height]);
+  // 当滚动容器的高度为 0 时，paddingTop 为 0，避免滚动条抖动现象
+  const paddingTop = height === 0 ? 0 : Math.max(0, Math.floor(scrollHeight - height));
   const placeStyle = {
     paddingTop,
     width: scrollWidth,