close

摘自:http://www.minwt.com/css/65.html

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

☞ 解決方法:
設定於CSS中

body { 

 overflow-y: scroll;

 overflow-x: hidden;

}


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


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

overflow-x: 橫向捲軸

 

 


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


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

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 mosquitoyo 的頭像
    mosquitoyo

    mosquitoyo~

    mosquitoyo 發表在 痞客邦 留言(0) 人氣()