css - スクロールバーによる再レイアウトの防止

Question

ajaxコンテンツが原因でスクロールバーが表示されたときに、ページの本文が左に「プッシュ」されるのを防ぐにはどうすればよいですか? もちろん、overflow:scroll を本文に設定することもできますが、見栄えがよくありません。

私はブートストラップを使用していますが、それは一般的な質問だと思います。

Answer 1

固定幅のコンテナーを作成し、コンテンツに同じ幅を与えることができます (同じ静的幅 - ではありません100%)。そうすれば、コンテンツが親をオーバーフローしたときに、スクロールはコンテンツをプッシュせず、その上を流れます。

それを使用すると、何も押さずにスクロールするクールな方法を適用できます。コンテナにカーソルを合わせたときにのみスクロールを表示します。

この簡単なデモをチェックしてください

編集: ここでは、静的幅の設定と % の違いを示します。