1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. CSS
  6. »
  7. [CSS]關閉橫向捲軸

[CSS]關閉橫向捲軸

2008/11/22
  關閉捲軸不是什麼高深的學問,但大部分設定捲軸的方式只有三種,顯示、隱藏、自動等三種,無論選擇了那一種方式,垂直與水平捲軸則會同時的顯示與隱藏。
  但有時比較困擾的是,有時明明沒超出範圍,但水平向的捲軸偏偏就跑了出來,但選擇隱藏之後,連垂直向也跟著一起隱藏了起來,相信各位應該都有這慘痛的經驗吧!其實是可透過CSS的設定,對單一向的捲軸進行開關的。

☞ 解決方法:
設定於CSS中
body { 

 overflow-y: scroll;

 overflow-x: hidden;

}


☞ 針對單一元件進行設定:
style="overflow-y: scroll; overflow-x: hidden;"


☞ 相關設定:
overflow-y:直向捲軸

overflow-x: 橫向捲軸


☞ 顯式方式:
hidden 隱藏scroll 顯示auto自動

※一個捲軸只能設定一種的顯示方式,同時設定完畢後需用 ; 作區隔。