origin - personalizar scroll css
Las páginas largas en el offset de FireFox cuando aparece la barra de desplazamiento (2)
En Firefox y Safari, las páginas que están centradas se mueven unos pocos píxeles cuando la página es lo suficientemente larga para que aparezca la barra de desplazamiento. Si navega por un sitio que tiene páginas largas y cortas, la página parece "saltar".
IE7 tiende a dejar la barra de desplazamiento visible todo el tiempo, pero la desactiva cuando la página no es lo suficientemente larga. Como el ancho de la ventana HTML nunca cambia, el centrado de la página no cambia.
¿Hay una solución alternativa o una forma de estilo de la página para que no salte en Firefox y Safari?
Gracias.
Este sitio contiene un javascript para solucionar el problema, que es una solución mejor que la IMO actual (una barra de desplazamiento permanente):
Este script espera hasta que se cargue DOM y luego verifica si una barra de desplazamiento está activa. Si es así, calcula el ancho de la barra de desplazamiento y establece el margen del cuerpo Izquierda igual a ese ancho. Esto compensa el cambio, y dado que se ejecuta en carga DOM, tiene un efecto instantáneo.
Simplemente siempre puedes habilitar la barra de desplazamiento:
html{
overflow: scroll;
}
pero eso también le daría la barra de desplazamiento horizontal, esto es mejor:
html{
overflow-y:scroll;
overflow-x:auto;
}
Eso le dará solo el desplazamiento vertical y la horizontal cuando sea necesario.