0
点赞
收藏
分享

微信扫一扫

div的滚动条设置

九点韶留学 2022-05-27 阅读 159

直接为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 οnmοuseοver='scrollb=setInterval("wins.scrollLeft-=10",100)'

οnmοuseοut=clearInterval(scrollb)>向左</span>

<span οnmοuseοver='scrollb=setInterval("wins.scrollTop-=10",100)'

οnmοuseοut=clearInterval(scrollb)>向上</span>

<span οnmοuseοver='scrollb=setInterval("wins.scrollLeft+=10",100)' 

οnmοuseοut=clearInterval(scrollb)>向右</span>

<span οnmοuseοver='scrollb=setInterval("wins.scrollTop+=10",100)'

οnmοuseοut=clearInterval(scrollb)>向下</span>

</td>

</tr>

</table>

</BODY>

</HTML>


举报

相关推荐

0 条评论