給頁面新增滾動條

2021-06-18 02:38:44 字數 538 閱讀 3209

1.overflow內容溢位時的設定

overflow 水平及垂直方向內容溢位時的設定

overflow-x 水平方向內容溢位時的設定

overflow-y 垂直方向內容溢位時的設定

上面三個屬性設定的值為visible、scroll、hidden、auto

visible- 預設值,使用該值時,無論設定的 width 和 height 的值是多少,其中的內容是否超出範圍都將被強制顯示。

hidden-與visible是相反的效果,任何超出 width 和 height 的內容都會不可見

scroll-無論內容是否超出範圍,都將顯示滾動條。

auto-當內容超出範圍時,顯示滾動條,否則不顯示 應用

沒有水平滾動條

test

沒有垂直滾動條

test

沒有滾動條

test或者

test

自動顯示滾動 條

test

2.自定義滾動條的顏色

body

以上2項適用與、、、

FLEX 給頁面新增滾動條

修改index.template.html,加入一段js獲取瀏覽器視窗的寬高,根據瀏覽器視窗寬高修改css樣式,html,body 的height和width是百分比還是具體大小,當是具體大小時就會出現滾動條,當是百分比時就會充滿整個視窗。具體如下 1 2 3 4 5 6 7 8 9 10 11 1...

給div新增滾動條

使用方法 引數說明 1 overflow y 設定當物件的內容超過其指定高度時如何管理內容 overflow x 設定當物件的內容 超過其指定寬度時如何管理內容。引數 visible 擴大面積以顯示所有內容 auto 僅當內容超出限定值時新增滾動條 hidden 總是隱藏滾動條 scroll 總是顯...

給 JTextArea 新增滾動條

jframe jf new jframe container c jf.getcontentpane c.setlayout null 設定布局管理器為 null,即絕對定位 jtextarea jta new jtextarea jta.setlinewrap true 設定自動換行,自動換行則不...