Prevenzione del relayout a causa della barra di scorrimento

Question

Come è possibile impedire che il corpo della pagina venga "spinto" a sinistra quando viene visualizzata una barra di scorrimento a causa del contenuto di un jax? Ovviamente posso impostare l'overflow: scorrere fino al corpo, ma non sarebbe bello.

Sto utilizzando il bootstrap, ma suppongo che sia una domanda generale.

Answer 1

È possibile creare un contenitore che ha una larghezza fissa, e dare il contenuto della stessa larghezza (larghezza statica stesso - non 100%). in questo modo, quando il contenuto supera il genitore, lo scroll non sposterà il contenuto ma scorrerà sopra di esso.

utilizzando questo, è possibile applicare un modo interessante per scorrere senza premere nulla. mostrando lo scroll solo quando si passa il mouse sul contenitore.

Partenza questa semplice Demo

EDIT: Here mi mostrano la differenza tra l'impostazione di larghezza statica e%.

Answer 2

Bene, la barra di scorrimento spinge sempre i tuoi contenuti da parte, non c'è davvero nulla che tu possa fare al riguardo. Che cosa si può fare è quello di mostrare sempre a scrollbar per esempio:

html,body { 
    height:101%; 
} 

o

html { 
    overflow-y: scroll; 
}