2011-08-10 14 views
6

Actualmente estoy trabajando en un proyecto sobre coche viajando http://wayfi.ru y¿Cómo evitar que el contenido de la página se desplace cuando aparece el desplazamiento?

He encontrado un problema recientemente - el contenido de la página se desplaza hacia la izquierda después de que aparece el desplazamiento vertical. ¿Cómo prevenir esto?

Como sé, siempre se puede visualizar el desplazamiento desactivado y habilitarlo si es necesario.

¿Conoces una técnica mejor para lograr esto?

Respuesta

6

Me temo que no sé de ninguna otra manera de hacer esto aparte de mostrar siempre la barra de desplazamiento, activa o no.

La forma más sencilla que pienso es:

html { 
    overflow-y: scroll; 
} 

esta manera, incluso en las páginas sin necesidad de desplazarse hay espacio reservado para la barra de desplazamiento y el contenido no va a saltar entre las páginas.

+0

El OP específicamente solicita una forma que no implique mostrar la barra de desplazamiento todo el tiempo. – tw16

+0

@ tw16: Hasta donde sé, no hay mejor solución. – thirtydot

+0

Debes configurarlo en 'html' en lugar de' body' para evitar problemas de borde como [this] (http://blogs.microsoft.co.il/blogs/pintyo/archive/2010/11/06/double -scrollbars-with-quot-overflow-y-scroll-quot-on-ie7-when-using-cssstickyfooter.aspx) en IE7. – thirtydot

Cuestiones relacionadas