瀏覽器捲軸

標籤：

做網站時發現登入成功後瀏覽器捲軸消失無法滾動頁面

通過觀察和調試，發現是強制隱藏了bootstrap的模態框後，body的overflow變為了hidden，同時也多了一個17px的右內邊距，

無法調用出垂直捲軸，

解決方案：隱藏模態框的同時設定body的overflow為scroll，同時取消右內邊距。

 

 

將所有頁面強制添加或者隱藏瀏覽器的捲軸

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

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

瀏覽器捲軸