Tal vez te has encontrado alguna vez con webs que cambian de alto mediante una librería javascript (prototype, mootools, script.aculo.us…), ya sea con acordeones, capas que aparecen mediante fade-in fade-out, o incluso usando un lightbox.
El efecto de agrandar y disminuir el alto de dichas webs a menudo genera que aparezca y desaparezca la barra vertical de scroll de tu navegador, haciendo que el contenido se desplace unos 5 píxeles y haciendo la transición demasiado brusca.
Me encontré con ese pequeño problema mientras preparaba un acordeón para una web que añadiré al portafolio en breve, y la solución para mostrar siempre la barra vertical de scroll, sólo requiere dos líneas de CSS:
html {
min-height: 100%;
margin-bottom: 1px;
}
Es un truco muy básico, que se encarga simplemente de hacer que la web ocupe el 100% del alto del navegador, y añadirle un píxel de margen inferior, forzando al navegador a mostrar la barra de scroll.
Puedes enlazar este post desde tu blog usando el enlace de trackback.