ブラウザにスクロールバーを表示させるためのCSS

Question

私はWebアプリケーションを作成しました。ページのサイズを変更すると、ウィンドウが縮小するにつれて、ブラウザはそれ自身のスクロールバーを表示しません。これにより、ユーザーはコンテンツにアクセスできなくなります。私は体の幅を500pxに設定し、navbarをwhite-space:nowrapに設定しました。画面の右側にコンテンツがあることをブラウザに認識させるにはどうすればよいですか？

私はブラウザのスクロールバーを必要とし、コントロールのスクロールバーは使用しません。

Answer 1

あなたが水平かどうかに応じて、次のいずれかを使用することができます、垂直、または両方のスクロールバーを追加する：あなたがようでコンテンツを表示する場合

body {overflow-x:scroll;} 
body {overflow-y:scroll;} 
body {overflow:scroll;} 

はしかし、私は思いますそのようなスクロールバーはユーザーがアクセスしやすいですので、ection、その後

#id-of_your_div {overflow:scroll;} 

ですから、div要素にスクロールを追加するのではなく、スクロールバーを表示するようにブラウザを強制することを行うには、その後、あなたのページには、はるかに優れたユーザーエクスペリエンスを提供します。

Answer 2

スクロール可能な方向と要素に応じて、ボディ/エレメントの高さまたは幅を100.1％に設定できます。

Answer 3

幅を指定して演奏する代わりに、この目的に使用するコードを使用してください。次のCSSでは、スクロールバーが必要かどうかに関係なく表示されます。両方のスクロールバーの

...

body { 
    overflow: scroll; 
} 

か、単に水平スクロールバーのための...

body { 
    overflow-x: scroll; 
}