fix: macOS 下禁用橡皮筋回弹效果 避免列表滚动时滚动条占位导致布局抖动

hjhke · hjhke · commit b9c2a6fbf18d · 2026-07-31T17:16:50.000+08:00
diff --git a/app/renderer/src/main/src/components/HTTPHistory.module.scss b/app/renderer/src/main/src/components/HTTPHistory.module.scss
@@ -11,6 +11,8 @@
       overflow: auto;
       width: 100%;
       height: 100%;
+      overscroll-behavior: contain;
+      padding-bottom: 4px;
     }
 
     .webTree-wrapper {
@@ -66,7 +68,9 @@
   &-body {
     width: 100%;
     flex: 1;
+    min-height: 0;
     overflow: hidden auto;
+    overscroll-behavior: contain;
   }
 
   :global {
diff --git a/app/renderer/src/main/src/index.css b/app/renderer/src/main/src/index.css
@@ -11,6 +11,14 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
+/* 禁用全局橡皮筋回弹效果（overscroll），避免与页面内滚动区域冲突造成卡顿 */
+html,
+body,
+#root {
+  height: 100%;
+  overscroll-behavior-y: none;
+}
+
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }

Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,14 @@ body {`
`11`	`11`	`-moz-osx-font-smoothing: grayscale;`
`12`	`12`	`}`
`13`	`13`
	`14`	`+/* 禁用全局橡皮筋回弹效果（overscroll），避免与页面内滚动区域冲突造成卡顿 */`
	`15`	`+html,`
	`16`	`+body,`
	`17`	`+#root {`
	`18`	`+ height: 100%;`
	`19`	`+ overscroll-behavior-y: none;`
	`20`	`+}`
	`21`	`+`
`14`	`22`	`code {`
`15`	`23`	`font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;`
`16`	`24`	`}`