模式打开时如何防止iOS 12上的身体滚动? [英] How to prevent body scrolling on iOS 12 when modal opened?

问题描述

场景:
在 iOS 12 上，没有任何适用于 iOS 11 的解决方案不起作用.

尝试过 CSS:

body.modal-open {溢出:隐藏；位置:固定；宽度:100%；}

<块引用>

还有这个

body.modal-open {触摸动作:无；}

尝试过 JS :

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

问题:

• 是否可以防止正文在 iOS 12 上滚动?

解决方案

看看这个类似的问题，但在 https 上用普通的 javascript 回答://stackoverflow.com/a/49582193

document.addEventListener('touchmove', function(e) {e.preventDefault();}, { 被动: false });

Scenario :
On iOS 12 none of solutions for iOS 11 doesn't work.

Tried CSS:

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

And also this

body.modal-open {
   touch-action: none;
}

Tried JS :

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

Problem :

• Is it possible to prevent body from scrolling on iOS 12?

解决方案

Take a look at this similar question but with plain javascript is answered at https://stackoverflow.com/a/49582193

document.addEventListener('touchmove', function(e) {
    e.preventDefault();
}, { passive: false });

这篇关于模式打开时如何防止iOS 12上的身体滚动?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！