11

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

明確にするために、コントロールのスクロールバーではなく、ブラウザーのスクロールバーが必要です。

4

3 に答える 3

19

水平、垂直、または両方のスクロールバーを追加するかどうかに応じて、次のいずれかを使用できます。

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

ただし、コンテンツをセクションに表示してから実行すると思います

#id-of_your_div {overflow:scroll;}

ブラウザにスクロールバーを強制的に表示させるのではなく、div にスクロールを追加すると、ユーザーがスクロールバーにアクセスしやすくなるため、ページのユーザー エクスペリエンスが大幅に向上します。

于 2012-12-13T17:01:09.267 に答える
4

スクロール可能にする方向と要素に応じて、本体/要素の高さまたは幅を 100.1% に設定できます。

于 2012-12-13T16:50:15.293 に答える
3

幅で遊ぶ代わりに、この目的のために意図されたコードを使用してください。次の CSS は、必要かどうかにかかわらず、スクロールバーを強制的に表示します。

両方のスクロールバーに...

body {
    overflow: scroll;
}

または単に水平スクロールバーの場合...

body {
    overflow-x: scroll;
}
于 2012-12-13T17:01:02.500 に答える