Overflow hidden for body, how not to jump to the site header?

Question

css

To prevent the modal window from scrolling behind, I set the body overflow hidden, but in this case the user is thrown to the very top.
Is it possible to somehow hide the scrollbars (disable them) but still leave the user in the current position relative to the content? Is it possible to somehow move (on js) the visible area with overflow hidden?

Answer 1

By itself, this property will not re-flip the page
https://codepen.io/anon/pen/VBrjLv
You are re-flipping due to other styles or scripts. Find out what is causing it and fix the problem.
This is also possible. Controlled by the scroll of the element, more specifically the scrollTop/scrollLeft property