html如何強制顯示以及隱藏瀏覽器的捲軸

剛在做一個網站，有個頁面與其他頁面顯示有點出入，

透過觀察和調試，發現是該頁面的垂直高度未溢出，

無法調用垂直滾動條，

從而導致相對於其他頁面居中時相差幾個像素距離，

使得頁面效果不夠友好。

解決方案：將所有頁面強制新增或隱藏瀏覽器的捲軸即可。

相關css 程式碼如下：

//強制顯示捲軸:

html { overflow: scroll; }

//強制隱藏捲軸：

html { overflow: hidden; }

//隱藏IE的水平滾動條:

html { overflow-x: hidden; }

//隱藏IE的垂直滾動條:

html { overflow-y: hidden; }

//強制顯示IE的水平滾動條:

html { overflow-x: scroll; }

//強制顯示IE的垂直滾動條:

html { overflow-y: scroll; }

//強制顯示Mozilla的水平滾動條:

html { overflow:-moz-scrollbars-horizontal; }

//注意:僅強制顯示水平滾動條. 也就是說, 即使需要顯示垂直滾動條時, 垂直滾動條也不會出現.

#//強制顯示Mozilla的垂直滾動條:

html { overflow:-moz-scrollbars-vertical; }

//注意: 僅強制顯示垂直滾動條. 也就是說, 即使需要顯示水平滾動條時, 水平滾動條也不會出現.

以上是html如何強制顯示以及隱藏瀏覽器的捲軸的詳細內容。更多資訊請關注PHP中文網其他相關文章！