Haciendo siempre visible la barra de desplazamiento principal

html {
    overflow-y: scroll;
}

Es eso lo que quieres?

Desafortunadamente, Opera 9.64 parece ignorar esa declaración CSS cuando se aplica a HTML o BODY, aunque funciona para otros elementos a nivel de bloque como DIV.

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 por todas partes. Safari, Chrome e incluso Firefox en macOS (e iOS) solo muestran barras de desplazamiento cuando realmente se desplaza - no se sobre Windows/IE actual. Sin embargo, hay formas no estándar de estilo barras de desplazamiento en Webkit (es decir, se eliminó hace mucho tiempo).

Asegúrese de que overflow esté configurado en "scroll" y no en "auto"." Dicho esto, en OS X Lion, el desbordamiento establecido en "scroll" se comporta más como automático en que las barras de desplazamiento solo se mostrarán cuando se usen. Entonces, si alguna de las soluciones anteriores no parece estar funcionando, esa podría ser la razón.

Esto es lo que necesitarás para arreglarlo:

::-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 darle estilo en consecuencia si no le gusta el valor predeterminado.

html {height: 101%;}

Uso esta solución de navegadores cruzados (nota: Siempre uso la declaración DOCTYPE en 1a línea, no se si funciona en quirksmode, nunca la probé).

Esto siempre mostrará una barra de desplazamiento vertical ACTIVA en cada página, la barra de desplazamiento vertical será desplazable solo de unos pocos píxeles.

Cuando el contenido de la página es más corto que el área visible del navegador (puerto de vista), todavía verá la barra de desplazamiento vertical activa, y solo se podrá desplazar de pocos píxeles.

En caso de que esté obsesionado con la validación CSS (solo estoy obeso con la validación HTML) al usar esta solución, su código CSS también se validaría para W3C porque no está utilizando atributos CSS no estándar como -moz-scrollbars-vertical

body { height:101%; } "recortará" páginas más grandes.

En su lugar, uso:

body { min-height:101%; }

Un enfoque alternativo es establecer el ancho del elemento html a 100vw. En muchos, si no la mayoría de los navegadores, esto niega el efecto de las barras de desplazamiento en el ancho.

html { width: 100vw; }

Pude hacer que esto funcionara agregándolo a la etiqueta del cuerpo. Fue más agradable para mí porque no tengo nada en el elemento html.

body {
    overflow-y: scroll;
}

Añade este código a tu hoja de estilos CSS:

html {overflow-y: scroll;}

Eso es todo lo que hay !

Establecer la altura al 101% es mi solución al problema. Sus páginas ya no' moverán ' al cambiar entre las que exceden la altura de la ventana y las que no lo hacen.