[CSS]關閉橫向捲軸

梅干 2008/11/22 1 分鐘閱讀

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

☞ 解決方法：
設定於CSS中

body {　
 

    　overflow-y: scroll;
 

    　overflow-x: hidden;
 

    }

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

☞ 相關設定：

overflow-y:直向捲軸
 

    overflow-x: 橫向捲軸

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

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

標籤

熱門關鍵字:

最新文章

Switch《寶可夢 Z-A》好啦魷怎麼進化？翻轉螢幕即可進化成烏賊王

Switch《寶可夢 Z-A》好啦魷怎麼進化？翻轉螢幕即可進化成烏賊王

Cloudflare Drop 拖曳就能部署網站，還可綁定網域與SSL

Cloudflare Drop 拖曳就能部署網站，還可綁定網域與SSL

你可能也會喜歡