jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页禁止下拉回弹：锁 html/body + 滚动区 contain + 触摸拦截（统一规则）v26101012

Browse Source 
Co-Authored-By: AI 助手
This commit is contained in:
karlcarlo
2026-10-11 13:00:58 +00:00
parent 13afde8f2d
commit 0881972150
3 changed files with 33 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
mama-box.css
View File

@@ -96,6 +96,10 @@ button,a,input,textarea,select,summary,[tabindex]{transition:box-shadow .15s eas
:focus{outline:none}
:focus-visible{outline:3px solid rgba(244,89,60,.55);outline-offset:2px;border-radius:6px}
.modal,.sheet,.search-layer,.scrim{overscroll-behavior:contain}
/* 禁止下拉回弹（2026-10-11 统一规则）：iOS 微信里滑到顶再下拉会把整页拖下来露出「网页由 … 提供」。
外壳 .phone 固定一屏、滚动都在内部容器里，所以锁 html/body 不影响内容滚动；第二层触摸拦截在 index.html </body> 前。 */
html,body{overflow:hidden;overscroll-behavior:none}
.screen,.detail-body,.sheet-scroll,.modal,#appsGrid,.bx-reveal,.whp-scroll,.whd-panel,.fb-modal,.zd-modal{overscroll-behavior-y:contain}
a.skip{position:absolute;left:-9999px;top:auto;z-index:2000;background:var(--brand);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700}
a.skip:focus{left:16px;top:16px}
/* 橙渐变上的白字：加深对比 + 轻微投影提可读性 */