How to prevent body scrolling on iOS 12 when modal opened?

Question

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 :

I just tested this on an iOS 12 device and could not reproduce this problem — Danield, Nov 14 '18 at 14:33
So you mean that even `overflow: hidden;` stops site scrolling on iOS 12? — Mf1Friend, Nov 14 '18 at 21:24

score -1 · Answer 1 · answered Dec 11 '18 at 23:29

-1

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 });

answered Dec 11 '18 at 23:29

Frank V

1 Answers1