真机修复:lightbox 打开时隐藏吸顶顶栏——backdrop-filter 元素的合成层在真机上会盖住 z-index 更高的遮罩(顶部出现未遮罩亮带);顺带全屏观感更干净
This commit is contained in:
@@ -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 且大于纵向位移才算一次滑动
|
||||
|
||||
Reference in New Issue
Block a user