在 safari 中实现无回弹丝滑滚动需分层处理：①对主内容容器设 overscroll-behavior: none 并确保其为独立滚动上下文；②用 touchstart + passive: false 拦截顶部下拉；③ios 15以下需 body overflow: hidden + 局部滚动+mousedown 阻断。
在 Safari 浏览器中实现类似原生 App 的丝滑滚动、彻底消除页面顶部/底部拉出白边的弹性回弹，必须绕过 iOS WebKit 对根元素的特殊处理机制——直接给 html 或 body 设置 overscroll-behavior 无效，且仅靠 overflow: hidden 完全不起作用，需分层组合 CSS 容器控制与精准事件拦截。
用 overscroll-behavior 禁止容器溢出回弹（iOS 16.4+ 有效）
这一步只对实际滚动内容区生效，不是设在 body 上，而是设在你真正滚动的那个 div 容器上。
找到你的主内容容器，比如 <div id="app"></div>，给它添加样式：
#app { overscroll-behavior: none; }
注意：如果该容器本身不触发滚动（比如高度不足或未设 overflow-y: auto），此样式完全不生效。必须确保它是一个独立滚动上下文，例如同时设置 height: 100vh; overflow-y: auto; -webkit-overflow-scrolling: touch;。
【#app 必须是滚动容器本身，不能是它的父级或子级】
用 JavaScript 拦截 touchstart 阻断下拉刷新与顶部回弹（全 iOS 版本通用）
这是唯一能覆盖 iOS 15 及更早版本、并同时禁用 pull-to-refresh 的可靠方式。关键在于时机和 passive 配置。
第一步：监听 touchstart 事件，不是 touchmove —— iOS 在 touchstart 阶段就已锁定是否启用 overscroll，此时拦截才来得及。
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
第二步：必须传入 { passive: false }，否则 Safari 会忽略 preventDefault() 调用，整个逻辑失效。
第三步：只在页面顶部（window.scrollY === 0）且手指向下拖时阻止，避免误杀正常滚动：
function preventOverscroll(e) {<br> if (window.scrollY === 0 && e.touches.length > 0 && e.touches[0].clientY e.preventDefault();<br> }<br>}<br>window.addEventListener("touchstart", preventOverscroll, { passive: false });
兼容老 iOS 的兜底处理（iOS 15 及以下必需）
方法一：全局禁用 body 滚动 + 局部启用可滚动区域
给 body 加 overflow: hidden; height: 100vh;，再给内部需要滚动的模块（如列表、弹窗）单独加 overflow-y: scroll; -webkit-overflow-scrolling: touch;。
方法二：补充 mousedown 拦截（适配 iPad 外接鼠标/触控板）
window.addEventListener("mousedown", (e) => e.preventDefault()); 这行必须加，否则 iPadOS 用户用鼠标滚轮仍可能触发回弹。
方法三：避免使用 body-scroll-lock 类库——它在 iOS 全屏 Web App 中常导致 scrollHeight 计算异常，引发内容截断。
