Javascript 当modal打开时,如何防止iOS 12上的正文滚动?

Javascript 当modal打开时,如何防止iOS 12上的正文滚动?,javascript,ios,scroll,Javascript,Ios,Scroll,场景: 在iOS 12上,iOS 11的所有解决方案都不起作用尝试了CSS: body.modal-open { overflow: hidden; position:fixed; width: 100%; } 还有这个 JS: document.body.addEventListener('touchmove', function(e) { e.preventDefault(); }); 问题: body.modal-open { overflow: hid

场景:
在iOS 12上,iOS 11的所有解决方案都不起作用

尝试了CSS:

body.modal-open {
   overflow: hidden;
   position:fixed;
   width: 100%;
}
还有这个

JS:

document.body.addEventListener('touchmove', function(e) {
   e.preventDefault();
});

问题:

body.modal-open {
   overflow: hidden;
   position:fixed;
   width: 100%;
}
  • 有没有可能在iOS 12上阻止body滚动

看看这个类似的问题,但对于纯javascript,答案是


我刚刚在iOS 12设备上测试了这一点,但无法重现这个问题,所以你的意思是即使
overflow:hidden在iOS 12上停止站点滚动?是,与
位置组合时:固定
document.addEventListener('touchmove', function(e) {
    e.preventDefault();
}, { passive: false });