Desplazamiento de la barra de desplazamiento del navegador

StackOverflow https://stackoverflow.com/questions/1203503

  •  05-07-2019
  •  | 
  •  

Pregunta

Cuando va a la página de mi sitio web donde hay contenido adicional, la barra de desplazamiento aparece a la derecha, pero tiene un desplazamiento notable hacia la izquierda para mi contenido. Usted nota esto haciendo clic en Inicio y luego alojando y regresando nuevamente en mi sitio (www.ipalaces.org)

¿Cómo puedo dar cuenta de la barra de desplazamiento del navegador en mis páginas? ¿Puedo hacerlo para que la barra de desplazamiento esté siempre visible al menos?

Mi sitio web es www.ipalaces.org , hágamelo saber.

¿Fue útil?

Solución

Haz que tu cuerpo sea un 101% más alto ... esto obligará a que la barra de desplazamiento aparezca siempre. 

body {height:101%}

Otros consejos

Bueno, depende del navegador. 

body {

overflow-y: scroll;
overflow-x: scroll;
overflow: -moz-scrollbars-vertical;

}

Debe forzar la visualización de las barras de desplazamiento horizontal (overflow-x) y vertical (overflow-y). Aunque recuerdo que Opera a veces no respeta la declaración, a menos que esté en un elemento dentro de <body> (divs y similares).

Editado con respecto a los comentarios de @ wsanville y @ BHare's.

He probado esto en IE6, IE7, IE8, Firefox 3 y Chrome, y la manera más simple de tener una barra de desplazamiento vertical siempre visible es simplemente: 

html { overflow-y: scroll; } 

body {
   overflow: scroll;
}

Tuve el mismo problema incluso con el nuevo Firefox (3.5). ¡La función de desbordamiento me salvó la vida!

Esto parece funcionar muy bien para mí ... 

html {
    overflow-y: scroll;
}

Pruébalo ... Sé que es feo, pero puede ser la única forma. 

#force_scroll { 
    width: 1em; 
    position: absolute; 
    top: 0; 
    bottom: -0.1px; 
    z-index: -1; 
}

Y luego en su HTML en algún lugar (preferiblemente justo antes de su </body>): 

<div id="force_scroll"></div>
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top