模态打开时如何防止iOS 12上的身体滚动？

Question

场景：
在iOS 12上，没有适用于iOS 11的解决方案。

尝试过CSS：

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

  

还有这个

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

尝试过JS：

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

问题：

• 是否可以防止主体在iOS 12上滚动？

Answer 1

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

回答

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