CSS 禁止瀏覽器捲軸的方法

標籤：style   io   使用   ar   sp   div   問題   on   c   

1、完全隱藏在裡加入scroll="no"，可隱藏捲軸；  這個我用的時候完全沒效果，不知道是什麼原因！不過好多人說這麼用可以，大概是用的位置不一樣吧 2、在不需要時隱藏指當瀏覽器視窗寬度或高度大於頁面的寬或高時，不顯示捲軸；反之，則顯示； 3、樣式表方法 在裡加入style="overflow-x:hidden"，可隱藏水平捲軸；加入style="overflow-y:hidden"，可隱藏垂直捲軸。被包含頁面裡加入html { overflow-x:hidden; }有一段解釋是這樣說的：body{ overflow-x:hidden; }在標準 DTD 下是不可以的我的問題是用這段代碼解決的body{overflow-y:hidden; } 4、另一種方法body {overflow-x:hidden;overflow-y:hidden;}  html {overflow-x:hidden;overflow-y:hidden;} 5、在用ie6瀏覽有架構的xhtml頁面的時候，預設會水平和垂直捲軸會一起出現，這是ie6的一個bug，在firefox上是正常的，出現的原因是其對XHTML 1.0 transitional doctype的解釋缺陷.對於這個bug一般有3種解決方案，方法1:代碼：html { overflow-y: scroll; } 原理：強制顯示ie的垂直捲軸，而忽略水平捲軸優點：完全解決了這個問題, 允許你保持完整的XHTML doctype. 缺點：即使頁面不需要垂直捲軸的時候也會出現垂直捲軸。方法2:代碼：html { overflow-x: hidden; overflow-y: auto; } 原理：隱藏橫向滾動，垂直滾動根據內容自適應優點：在視覺上解決了這個問題.在不必要的時候, 未強制垂直捲軸出現.缺點：只是隱藏了水平捲軸，如果頁面真正需要水平捲軸的時候，螢幕以外的內容會因為使用者無法水平滾動，而看不到。方法3:代碼：body { margin-right: -15px; margin-bottom: -15px; } 原理：這會在margin的水平和垂直方向上添加一個負值, IE添加了該精確數值後, 便會去除對捲軸的需求假象.優點：在視覺上解決了這個問題.，垂直滾動根據內容自適應缺點：由於"人為建立"了15px的外邊距(margin), 所以無法使用該填充過的螢幕地區

（轉）CSS 禁止瀏覽器捲軸的方法