溢出不适用于 iPhone 和 iPad

Question

我正在使用这个 javascript 部分在我的模式打开或不打开时隐藏或不隐藏滚动条，但是 iPhone 和 iPad 无论如何都不隐藏我的滚动条？问题来自相对位置 ?

这是我的 javascript 代码

function openNav()  {
document.getElementById("myNav").style.cssText = "height:100%";
document.body.style.overflow = "hidden";
}
function closeNav() {
document.getElementById("myNav").style.cssText = "height:0%";
document.body.style.overflow = "scroll";
}

Answer 1

要解决我的模态问题，我需要添加

-webkit-overflow-scrolling:touch

在我的 CSS 文件中

*, *:after, *:before {

但是当我尝试打开全屏菜单时问题仍然存在！！

溢出不适用于 iPhone 和 iPad

Overflow not working on iPhone and iPad

html

javascript

jquery

overflow

scrollbar