overscroll-behavior-y 不能写在 body 或 html 上禁用下拉刷新，因 ios safari 对根元素硬编码锁定；必须作用于实际可滚动子容器（如 .modal-content），且需同时满足 overflow-y: auto、明确高度、内容真实溢出。
直接结论： overscroll-behavior-y 不能写在 body 或 html 上禁用下拉刷新——iOS Safari 会忽略它；真正起效的位置是实际可滚动的子容器（如 .modal-content），且必须同时满足 overflow-y: auto、明确高度、内容真实溢出三个条件。
为什么写在 body 上完全没用？
不是语法错，是浏览器底层限制。iOS Safari 和多数现代 WebView 对根元素（html/body）的 overscroll 行为做了硬编码锁定，CSS 无权干预。body { overscroll-behavior-y: contain; } 在 computed style 里会显示为灰色禁用状态，根本不会生效。
- 真正响应该属性的是「发生滚动的容器」，比如弹窗里的
.chat-list、轮播外层.carousel-wrapper、或页面主内容区.main-content - 如果这个容器本身没设
overflow-y: auto，或者高度是auto/min-height，或者内容没真超出高度，属性照样不触发 - uni-app 或微信小程序中，要穿透到内部节点，例如
::deep(.uni-scroll-view-content)或scroll-view::part(scroll-content)
contain 和 none 在下拉刷新场景怎么选？
overscroll-behavior-y: contain 是默认推荐值；none 只适合强隔离场景，但副作用明显。
-
contain允许当前容器触顶/底时保留轻微弹性（用户感知为“有反馈”），但阻止事件向上冒泡——背景页不会被拖拽，键盘唤起时 input 自动滚动定位也不受影响 -
none彻底禁掉本层所有 overscroll 反馈（包括 iOS 下拉提示、弹性动画），容易让用户困惑；还可能让依赖 scroll 事件判断位置的下拉刷新库失效 - 横向轮播图只需约束 X 轴：
overscroll-behavior-x: contain; overscroll-behavior-y: auto - 全屏画布或游戏界面才考虑
none，且必须确认无第三方滚动依赖
加了属性还是触发橡皮筋？先查这三件事
即使样式写对了，也可能因底层渲染条件未满足而失效。
- 检查目标元素是否真有滚动：用开发者工具看
overflow-y是否为auto或scroll，高度是否固定（如height: 70vh），内容是否真实溢出（滚动条可见） - 嵌套结构中每一层独立可滚动的容器都得单独加——只给弹窗 wrapper 加了，但内部
.list没加，滚动穿透仍会发生 - 老 iOS（iOS 15 及以下）不支持该属性，需 JS 降级：
CSS.supports('overscroll-behavior', 'contain')判断，touchmove中用e.target.closest('.scrollable')过滤区域，并传{ passive: false }
别和 touch-action: none 混用
touch-action: none 会直接废掉所有触摸滚动，和 overscroll-behavior 的设计目标冲突——后者只管“最后一厘米”的溢出行为，不干涉正常滚动链。
- 若页面顶部需要下拉刷新，确保触发区域没被
touch-action: none或overflow: hidden封锁 -
touch-action: pan-y是更安全的选择，允许纵向拖拽，又不干扰下拉逻辑判断 - 避免在
body或根容器上写touch-action: manipulation，它会禁用所有非双击手势，包括下拉
最常被忽略的点：属性只作用于「已启用滚动」的容器，不是「看起来能滚」的容器。很多问题不是属性写错了，而是容器根本没进入可滚动状态——先确认 overflow、height、content overflow 三者齐备，再调样式。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
