Answer by user1095118 for Prevent BODY from scrolling when a modal is opened

As of November 2017 Chrome Introduced a new css property

overscroll-behavior: contain;

which solves this problem although as of writing has limited cross browser support.

see below links for full details and browser support

• https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior
• https://developers.google.com/web/updates/2017/11/overscroll-behavior