How to prevent scroll event from the bottom of the screen on iOS Safari

There is a scroll event happening with unknown source when using iOS safari.

To reproduce the issue You can use this link to explore a minimal example of the issue.

https://codesandbox.io/s/frosty-pike-7z6v9?file=/src/styles.css&resolutionWidth=444&resolutionHeight=649

Using an iphone, try to scroll until you get rid of safari bottom nav bar, then scroll in the non scrolling red area at the very bottom edge of the screen.

• What's causing that behaviour (event name) ?
• Can scrolling be prevented using this method with Javascript without extra css ?

from How to prevent scroll event from the bottom of the screen on iOS Safari