overflow: hidden 不影响橡皮筋回弹，真正控制回弹的是 overscroll-behavior；它需作用于实际滚动元素且满足高度、overflow 和内容溢出三条件，ios 16.4+ 才原生支持。
overflow: hidden 完全不影响橡皮筋回弹，它只管裁剪和滚动条显隐，不管滚动事件传播或边界弹性行为。
overflow: hidden 和 overscroll-behavior 是两回事
前者控制容器是否显示滚动条、是否裁剪溢出内容；后者才真正管理「滚动到底后继续拖拽」时的行为——比如触发回弹、下拉刷新、或把事件传给父容器。iOS Safari 里，即使 body 设置了 overflow: hidden，手指划到顶/底依然会拉出白边，因为视口本身的滚动引擎没被约束。
常见误操作包括：
- 给
body加overflow: hidden后以为万事大吉，结果 DevTools 里看到body根本没滚动条，但手指一拉还是回弹 - 用
position: fixed遮罩层，却没处理遮罩内部的可滚动区域（如弹窗里的长列表），导致回弹从子容器“透”出来 - 在 uni-app 或微信小程序中，只给
<scroll-view></scroll-view>标签加样式，没穿透到真实的滚动容器（如.uni-scroll-view-content）
真正起作用的是 overscroll-behavior，但它有硬性前提
该属性必须作用于「实际发生滚动」的元素，且满足三个条件：
- 设置了
overflow-y: auto或scroll - 有明确高度（如
height: 100vh、max-height: 500px），不能靠内容撑开 - 内容真实溢出，触发了滚动能力（哪怕滚动条被隐藏）
例如：div#app { height: 100vh; overflow-y: auto; overscroll-behavior: contain; } —— 这才有效。写在 html 或 body 上，WebKit 直接忽略，Computed Styles 里显示为灰色禁用状态。
旧版 iOS（12 及以下）根本无视 overscroll-behavior
iOS 16.4+ 才原生支持 overscroll-behavior，iOS 12–16.3 完全不识别该 CSS 属性。此时仅靠样式无法禁用回弹，必须降级：
- 配合
-webkit-overflow-scrolling: auto（注意不是touch）关闭原生弹性滚动引擎 - 对具体滚动容器监听
touchmove，在临界位置调用e.preventDefault()，且必须传{ passive: false } - 避免绑定到
document或body，否则整页滚动卡死；应精确作用于目标容器
最易被忽略的一点：嵌套滚动结构中，内外两层都得单独设 overscroll-behavior。只设外层，内层停住后事件仍会冒泡出去，照样触发背景回弹。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
