這個是很常見的一個任務了,基本是通過CSS去實現滾動條。
滾動條
設定是否顯示滾動條主要是在CSS中設定下列的屬性:
程式碼如下:
overflow:visible|auto|hidden|scroll
overflow-x:橫向滾動條
overflow-y:縱向滾動條
引數的意義:
visible: 不剪下內容也不新增滾動條。假如顯式宣告此預設值,物件將被剪下為包含物件的window或frame的大小。並且clip屬性設定將失效。
auto: 此為body物件和textarea的預設值。在需要時剪下內容並新增滾動條
hidden: 不顯示超過物件尺寸的內容
scroll: 總是顯示滾動條
overflow:auto;這個表示當你內容超過div高度出現垂直的滾動條
所以我們想在需要的時候顯示垂直的滾動條,可以這麼實現:
程式碼如下:
<divstyle="overflow:auto;">...</div>