用於強制瀏覽器顯示滾動條的CSS

Question

我寫了一個Web應用程序，發現當我調整頁面大小時，瀏覽器不會顯示它自己的滾動條，因為窗口縮小了。 這可以防止用戶訪問內容。 我將我的身體寬度設置為500px並將導航欄設置為white-space:nowrap 。 如何讓瀏覽器識別屏幕右側有內容？

只是為了澄清我想要瀏覽器的滾動條而不是任何控件上的滾動條。

Answer 1

您可以使用以下其中一項，具體取決於您是要添加水平，垂直還是兩個滾動條：

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

但是，我認為如果您在一個部分中顯示內容然后執行

#id-of_your_div {overflow:scroll;}

因此，您可以向div添加滾動而不是強制瀏覽器顯示滾動條，那么您的頁面將提供更好的用戶體驗，因為這樣的滾動條更易於用戶訪問。

Answer 2

您可以將body / element的高度或寬度設置為100.1％，具體取決於您希望可滾動的方向和元素。

Answer 3

不要使用寬度，而是使用專門用於此目的的代碼。 無論是否需要，以下CSS都會強制顯示滾動條。

兩個滾動條......

body {
    overflow: scroll;
}

或只是一個水平滾動條......

body {
    overflow-x: scroll;
}