分享面板打开后背景跟着滚 滚动穿透怎么锁住

打开分享面板后，手指在面板上滑，底下的文章跟着一起滚，关掉面板时阅读位置已经跑偏了两屏。日志里能对上时间点，这种反而好排。

面板只做了 position: fixed 和半透明遮罩，没有锁 body 的滚动，touchmove 继续冒泡到文档。iOS 上单写 overflow: hidden 也拦不住橡皮筋效果。这一点先确认清楚，后面就不用反复试。

function lock() { const y = scrollY; document.body.style.cssText = `position:fixed;top:${-y}px;width:100%`; }
function unlock() { const y = -parseInt(document.body.style.top || 0); document.body.style.cssText = ''; scrollTo(0, y); }

「分享面板滚动穿透」确认了原因之后，改动尽量只碰那一处，顺手改的东西后面最容易出问题。能分两步做的操作就别合成一步，中间看一眼返回值，出问题好判断。

报错里带路径的，先去看那个路径在不在、权限对不对。同一份配置存在多处的，先确认改的是被加载的那一份。

新版本先放一台机器上跑一天再全量，问题一般在这段时间暴露。

处理上按这个顺序：打开时给 body 加 overflow hidden 并记录当前 scrollY；用 position: fixed 加负 top 固定页面位置；关闭时恢复样式并 scrollTo 回原位置。

结果对不对很好判断，面板打开后背景完全不动，关闭后页面停在打开前的位置。