How to completely remove the ability to scroll the page on the iPad?

Question

css

A rather ancient web application uses an iframe and a scrollable area with overflow: auto; inside the frame. I'm trying to adapt this for the ipad. Scrolling in a frame works well smoothly, incl. and on the ipad, but you need to disable the scrolling of the parent document, i.e. it is necessary that only the contents of the frame scroll and nothing else under any circumstances. The text of a frame scrolls when you quickly touch it with your finger, but if you press your finger on the frame, hold it for a while, and then swipe down, the entire application scrolls instead of the contents of the frame. Then you need to double-click on the frame so that it catches focus and again it will scroll. How to make sure that the site itself, in which the frame is placed, never scrolls?

I can cancel the touchmove event, but I can't tell when the ipad is willing to scroll the frame itself (the text in it) and when it tries to scroll the parent document.

Example:
itpiligrim.ru/buffer/ipad_scrolling
Archived:
itpiligrim.ru/buffer/ipad_scrolling.zip

Answer 1

stackoverflow.com/questions/7733703/how-do-i-disab...