大部分設定捲軸的方式只有三種,顯示、隱藏、自動等三種,無論選擇了那一種方式,垂直與水平捲軸則會同時的顯示與隱藏,但有時比較困擾的是,有時明明沒超出範圍,
但水平向的捲軸偏偏就跑了出來,但選擇隱藏之後,連垂直向也跟著一起隱藏了起來,其實是可透過CSS的設定,對單一向的捲軸進行開關。
解決方法:
設定於CSS中
body {
overflow-y: scroll;
overflow-x: hidden;
}
針對單一元件進行設定
style="overflow-y: scroll; overflow-x: hidden;"
ex:<div id="layer1" style="overflow-y: scroll; overflow-x: hidden;"></div>
相關設定:
設定於CSS中
body {
overflow-y: scroll;
overflow-x: hidden;
}
針對單一元件進行設定
style="overflow-y: scroll; overflow-x: hidden;"
ex:<div id="layer1" style="overflow-y: scroll; overflow-x: hidden;"></div>
相關設定:
overflow-y: 直向捲軸
overflow-x: 橫向捲軸
顯式方式:hidden 隱藏
scroll 顯示
auto 自動
※ 一個捲軸只能設定一種的顯示方式,同時設定完畢後需用 ; 作區隔
全站熱搜
留言列表