Tal vez esta es una solución fácil, pero me ha estado volviendo loco durante mucho tiempo, así que finalmente decidí ver si existe una solución.Cómo compensar la barra de desplazamiento vertical cuando aún no está presente
En pocas palabras, centro la mayoría de mis páginas web dentro de amplios puertos de visualización.
Ejemplo, un puerto de visualización puede ser capaz de 1028px y quiero que el ancho de mi página sea solo de 960px.
Así que mi css se parece a esto:
#pageWrapper { /* page width is 960 pixels */
margin:0 auto;
width:960px;
}
No hay problema con eso.
El problema aparece cuando comienzo una página dinámica que es más corta que la altura y luego mi página se expande (mediante jQuery slideOut, etc.) debajo de la parte inferior de la pantalla y hace que aparezca la barra de desplazamiento vertical.
Termina haciendo parpadear la página a la izquierda durante el desplazamiento y luego parpadea a la derecha durante slideIn.
¿Hay algún camino a través de css para forzar un margen derecho de 20px y aún tomar ventaja de margin:0 auto;?
Gracias.
Puede intentar usar 'overflow-y: scroll' en su elemento' html' o 'body', pero no estoy seguro de si esto funcionará. Al mismo tiempo, debería poder hacer esto con 3 líneas de javascript/jquery y luego adjuntar esta función al evento 'onresize'. –
Otra forma es simplemente forzar que la barra de desplazamiento siempre exista. Hay una opción CSS que hace esto pero no recuerdo qué es. –
@ErickPetru No, eso no fue todo. –