給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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章