I've walked into an dilema: I told my body Element to not scroll the x-axies: overflow-x: hidden.

Now i set the overflow-y: hidden on the body , when something is clicked with JavaScript. Now it look's like this, when inspection via DevTools:

Everything looks great, but i still am able to scroll the body. BUT when I remove the overflow-x: hidden styles from the DevTools the Body won't scroll anymore to the y-Axies?

How ist that possible?