分享

给DIV添加滚动条

 悟静 2012-08-24
直接为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>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多