2012-09-25 65 views
28

Duplicar posibles:
How to always show scrollbar in browser using javascript?Mostrar siempre la barra de desplazamiento del navegador para evitar que la página saltar

Algunas páginas he tiene un montón de contenido de otras páginas tienen unas pocas líneas, por lo que cuando estoy haciendo clic entre páginas algunas páginas tienen una barra de desplazamiento en los navegadores y otras no. Debido a esto, la página salta todo el tiempo debido al espacio adicional al hacer clic entre las páginas.

¿Es posible tener la barra de desplazamiento visible en todo momento, o en gris si no hay mucho contenido para detener el salto de página?

puede funcionar en todos los navegadores, espero que alguien pueda ayudar,

Saludos

+0

¿Ha visto http://stackoverflow.com/questions/4050076/how-to-always-show-scrollbar-in-browser-using-javascript? Ese es un enfoque bastante común (y la respuesta aceptada en realidad no utiliza javascript :-) – dash

+0

Curiosamente, el problema de "saltar" no existe en IE11. Parece que IE11 golpea la barra de desplazamiento sobre el contenido, por lo que no cambia de ancho ni salta. –

Respuesta

53

Trate de leer este article por Chris Coyer, lo explica bastante bien.

Desde el artículo:

Asignación de desbordamiento-y para desplazarse funciona, y funciona en Firefox, Safari y IE 6, y eso hace que sea la mejor solución:

html { 
    overflow-y: scroll; 
} 
+5

He actualizado su respuesta para incluir la sección relevante del artículo vinculado; recuerda, ¡no hay garantía de que lo que conectas hoy estará allí mañana! – dash

+0

Thanks Dash, lo tendremos en cuenta –

+1

Para evitar barras de desplazamiento dobles, recomiendo usar 'body {overflow-y: scroll; } 'en su lugar. – niry

12
html { 
    overflow-y: scroll; 
} 

Es la mejor solución.

+3

No es la mejor solución. De acuerdo, la etiqueta 'html' incluye' body', pero también 'head', donde el CSS no tiene sentido. Es mejor definir la propiedad en el nivel 'cuerpo'. – stevenvh

+1

desbordamiento a nivel del cuerpo causará una doble barra de desplazamiento en algunos navegadores (IE6). – Salketer

+4

IE6, solo hay 2 personas que todavía usan eso, ¿verdad? – stevenvh

Cuestiones relacionadas