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自動
※一個捲軸只能設定一種的顯示方式,同時設定完畢後需用;作區隔。
全站熱搜