How to make friends overflow:hidden in Safari on iOS?

Question

css

The overflow:hidden hangs on the body, which, as I read, does not work in ios safari.
There is a modal window, position:fixed.
Everywhere everything is fine, but on i-devices the page scrolls under the modal.
How to overcome it?

Answer 1

Partially helped me for modal window
-webkit-overflow-scrolling: touch;

Answer 2

Helped me:

touch-action: none;
-ms-touch-action: none;

Answer 3

set height to 100% (or 100vh)

Answer 4

The problem is that mobile safari ignores overflow:hidden on body.
"Today" the most effective way to fight is to simply block the propagation of events that can cause scrolling into the document.
In general - https://github.com/thearnica/dom-locky

Answer 5

The problem is that body cannot be set to position. So you need to wrap the entire site in a specific tag, for example wrapper, and add overflow: hidden; height: 100vh; position: relative; In this case, everything will work. Tested on mobile devices in the Safari browser.