真机修复:lightbox 打开时隐藏吸顶顶栏——backdrop-filter 元素的合成层在真机上会盖住 z-index 更高的遮罩(顶部出现未遮罩亮带);顺带全屏观感更干净

This commit is contained in:
Sakurasan
2026-09-29 01:38:24 +08:00
parent ce07f4a347
commit 2674bea223
2 changed files with 11 additions and 0 deletions
+5
View File
@@ -20,15 +20,20 @@ watch(
window.addEventListener('keydown', onKey)
prevOverflow = document.body.style.overflow
document.body.style.overflow = 'hidden'
// 吸顶栏带 backdrop-filter,真机上其合成层会盖在遮罩之上
// (遮罩明明 z-index 更高也拦不住)——索性开预览时整个藏掉
document.body.classList.add('lb-open')
} else {
window.removeEventListener('keydown', onKey)
document.body.style.overflow = prevOverflow
document.body.classList.remove('lb-open')
}
}
)
onBeforeUnmount(() => {
window.removeEventListener('keydown', onKey)
document.body.style.overflow = prevOverflow
document.body.classList.remove('lb-open')
})
// 手机滑动翻页:横向位移超 44px 且大于纵向位移才算一次滑动