ios 默认允许用户“拖拽过界”滚动（即弹性回弹），导致内容外的背景可见；而 android 默认不支持该行为。通过 css 的 `overscroll-behavior: none` 可统一禁用此效果，实现跨平台一致的滚动体验。
在 Web 开发中，当使用 position: fixed 容器配合 overflow-y: scroll 实现局部滚动时，iOS Safari 会启用「滚动溢出（overscroll）」行为：用户拖动到底部后继续用力滑动，页面会短暂拉伸并露出容器下方的背景（如示例中的黄色区域），松手后弹性回弹。这种「橡皮筋效果」是 iOS 系统级交互特性，在 Android Chrome 等浏览器中默认被禁用，因此造成行为不一致。
解决方法非常简洁：为滚动容器添加 overscroll-behavior: none 样式。该属性可阻止滚动事件传递到父级或相邻滚动区域，同时禁用当前元素的 overscroll 效果（包括下拉刷新和底部溢出反弹）：
#container {
position: fixed;
height: 100px;
width: 200px;
background: yellow;
overflow: hidden;
overflow-y: scroll;
border: 1px solid black;
overscroll-behavior: none; /* ? 关键修复 */
}✅ 兼容性说明：overscroll-behavior 已被所有现代浏览器支持（Chrome 63+、Firefox 59+、Safari 16.4+、iOS Safari 16.4+）。对于需兼容旧版 iOS（
⚠️ 注意事项：
- overscroll-behavior: none 不影响正常滚动功能，仅禁用溢出反馈；
- 若容器内嵌套了可下拉刷新的区域（如某些 SPA 框架），需谨慎使用，避免误禁核心交互；
- 推荐始终搭配 scroll-behavior: smooth 或 will-change: scroll-position 提升滚动性能。
通过这一行 CSS，即可让 iOS 行为与 Android 完全对齐，显著提升跨平台用户体验一致性。
