CSS overscroll-behavior：滚动链与回弹治理

概述

overscroll-behavior 控制滚动边界行为，contain/none 可阻止滚动链与回弹。适用于对话框、侧栏与嵌套滚动区域的交互治理。

用法/示例

.modal { overscroll-behavior: contain }
.scroll-pane { overscroll-behavior-y: none }

工程建议

• 按轴控制以减少副作用；在移动端验证触控与回弹差异。
• 与 position: fixed 与遮罩层协作，确保模态内滚动不影响页面。
• 在老旧或差异环境提供 JS 回退（阻止默认滚动）。

参考与验证

• MDN：overscroll-behavior — https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior
• web.dev：Scroll chaining — https://web.dev/articles/scroll-chaining