在頁面上,有時某區塊需容納大量資料,導致這個區塊需要使用捲軸(scroll bar)來呈現資料。使用css控制就會是:
width:500px;
height:500px;
overflow:auto;
有時只想要在直向或橫向家上捲軸,就要改用overflow-x和overflow-y來告訴瀏覽器,兩個方向的處理方式。比如只想直向有捲軸:
width:500px;
height:500px;
overflow-x:hidden;
overflow-y:scroll;
本來預期該寫overflow-y:auto讓瀏覽器根據內容長度決定是否需要產生scroll bar,實作此法後卻發現IE7捲軸不會出現,IE6和IE8則和預期一樣,改成overflow-y:scroll就通通都有scroll bar了。
至於加上scroll bar之後,會外加在內容右側還是會附蓋到內容的右側呢?那又是個需要好好實驗的課題了。