給DIV添加滾動條

直接爲div指定overflow屬性爲auto便可,可是必須指定div的高度,以下:
<div style="position:absolute; height:400px; overflow:auto">
</div>
若是要出現水平滾動條,則: overflow-x:auto
同理,垂直滾動條爲: overflow-y:auto
若是該div被包含在其餘對象例如td中,則位置可設爲相對:position:relative
 例如:
< HTML >
< HEAD >
< TITLE >測試表格內的滾動條 </TITLE>
</HEAD>

< BODY >
< table >
   < tr >
     < td >表格內的滾動條: </td>
     < td >
      <div id="wins"
        style="position:absolute;height:200;width:200;overflow:auto;background:#EEEEEE;">
         < p >pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
         < p >pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
         < p >ppppppppppppppppppppppppp </p>
         < p >ppppppppppppppppppppppppp </p>
         < p >ppppppppppppppppppppppppp </p>
         < p >ppppppppppppppppppppppppp </p>
         < p >ppppppppppppppppppppppppp </p>
         < p >ppppppppppppppppppppppppp </p>
         < p >ppppppppppppppppppppppppp </p>
         < p >ppppppppppppppppppppppppp </p>
         < p >ppppppppppppppppppppppppp </p>
         < p >ppppppppppppppppppppppppp </p>
       </div>
     </td>
   </tr>
   < tr >
     < td colspan ="2" align ="right" >
      <span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)'
                 onmouseout=clearInterval(scrollb)>向左 </span>
            <span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)'
                        onmouseout=clearInterval(scrollb)>向上 </span>
      <span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)'
                 onmouseout=clearInterval(scrollb)>向右 </span>
      <span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)'
                 onmouseout=clearInterval(scrollb)>向下 </span>
     </td>
   </tr>
</table>
</BODY>
</HTML>
相關文章
相關標籤/搜索