Me gustaría desactivar completamente el desplazamiento en el body
de HTML. He probado las siguientes opciones:
overflow: hidden;
(no funciona, no deshabilita el desplazamiento, sólo oculta la barra de desplazamiento)
position: fixed;
(funcionaba, pero se desplazaba completamente hacia arriba, lo que es inaceptable para esta aplicación específica)
No he podido encontrar ninguna alternativa a estas dos opciones, ¿hay alguna más?
HTML css funciona bien si la etiqueta body no hace nada puedes escribir también
<body scroll="no" style="overflow: hidden">
En este caso el overriding debería estar en la etiqueta body, es más fácil de controlar pero a veces da dolores de cabeza.
Este post fue útil, pero sólo quería compartir una pequeña alternativa que puede ayudar a otros:
Establecer max-height
en lugar de height
también hace el truco. En mi caso, estoy deshabilitando el desplazamiento basado en una clase de conmutación. Establecer .someContainer {height: 100%; overflow: hidden;}
cuando la altura del contenedor es menor que la de la ventana gráfica estiraría el contenedor, lo que no sería lo que se desea. Establecer max-height
tiene en cuenta esto, pero si la altura del contenedor's es mayor que la de la ventana gráfica's cuando el contenido cambia, sigue deshabilitando el desplazamiento.