Ocultar la barra de desplazamiento, pero mantener la capacidad de desplazarse con sentido nativo

Question

He buscado una respuesta a esta pregunta y me encontré con hide scrollbar while still able to scroll with mouse/keyboard pero el complemento jQuery no hace exactamente lo que me gustaría hacer. Por un lado, el desplazamiento se siente un poco descuidado e incontrolable. La razón por la que necesito esto es simple: mi página se alarga un poco más cuando se expanden algunos elementos y la barra de desplazamiento aparece por un lado y hace que todo se mueva hacia la izquierda. Me gustaría tener una forma de evitar esto, ya sea al poder mantener la barra de desplazamiento visible en todo momento u ocultarla por completo, pero aún así mantener la habilidad nativa para desplazarme.

Aquí hay un ejemplo de lo que quiero decir: http://screencast.com/t/Roi3HJtHyH cuando se hace clic en la entrada larga, el contenido se mueve hacia la izquierda, y este efecto se ve un poco feo.

Answer 1

Ese es el comportamiento estándar del navegador.

Quitar la barra de desplazamiento reduce la facilidad de uso.

---

Puede establecer la barra de desplazamiento para que permanezca visible todo el tiempo con css.

CSS:

body { 
    overflow-y: scroll; 
} 

Answer 2

Si realmente desea desactivar el desplazamiento (en un conjunto de marcos, el peor lugar posible para el desplazamiento) a continuación, utilizar el desplazamiento = no.

Answer 3

Para completar, para responder a su pregunta, aquí está the scrollable page without scrollbar.

Tenga en cuenta que esto no se prefiere, y también forzaría la barra de desplazamiento como Lobello ya respondió.

Answer 4

Esto funciona para mí:

body{ 
     overflow:hidden; 
    }