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

## 概述 `overscroll-behavior` 控制滚动边界行为，`contain`/`none` 可阻止滚动链与回弹。适用于对话框、侧栏与嵌套滚动区域的交互治理。 ## 用法/示例 ```css .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