大部分設定捲軸的方式只有三種,顯示、隱藏、自動等三種,無論選擇了那一種方式,垂直與水平捲軸則會同時的顯示與隱藏,但有時比較困擾的是,有時明明沒超出範圍,
但水平向的捲軸偏偏就跑了出來,但選擇隱藏之後,連垂直向也跟著一起隱藏了起來,其實是可透過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>

 
相關設定:   

 overflow-y: 直向捲軸   
 overflow-x: 橫向捲軸  

 顯式方式:hidden 隱藏
      scroll   顯示
      auto  自動
 
※ 一個捲軸只能設定一種的顯示方式,同時設定完畢後需用 ; 作區隔

莊子 發表在 痞客邦 PIXNET 留言(0) 人氣()