给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>
相关文章
相关标签/搜索