Entré en un dilema: le dije a mi elemento body que no se desplazara por los ejes x: overflow-x: hidden .

Ahora configuro overflow-y: hidden en el body , cuando se hace clic en algo con JavaScript. Ahora se ve así, cuando se inspecciona a través de DevTools:

Todo se ve muy bien, pero todavía puedo desplazar el cuerpo. PERO cuando elimino overflow-x: hidden de DevTools, ¿el cuerpo ya no se desplazará a los ejes y?

¿Cómo es eso posible?