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; }

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