Solución:
html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
Esto hace que la barra de desplazamiento esté siempre visible y solo se active cuando sea necesario.
Actualización: Si lo anterior no funciona, solo use esto.
html {
overflow-y:scroll;
}
Asegúrese de que el desbordamiento esté configurado en “desplazamiento” y no en “automático”. Con eso dicho, en OS X Lion, el desbordamiento configurado en “scroll” se comporta más como automático en el sentido de que las barras de desplazamiento solo se mostrarán cuando se utilicen. Entonces, si alguna de las soluciones anteriores no parece estar funcionando, esa podría ser la razón.
Esto es lo que necesitará para solucionarlo:
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
Puede diseñarlo en consecuencia si no le gusta el predeterminado.
Las cosas han cambiado en los últimos años. Las respuestas anteriores ya no son válidas en todos los casos. Apple está empujando barras de desplazamiento que desaparecen en todas partes. Safari, Chrome e incluso Firefox en MacOs (e iOs) solo muestran barras de desplazamiento cuando realmente se desplaza; no sé sobre Windows / IE actual. Sin embargo, hay formas no estándar de diseñar barras de desplazamiento en Webkit (IE lo eliminó hace mucho tiempo).