如何用div控制滚动
一个页面里,顶部有一行是固定的,下面内容是自动变化的,目前没有加div滚动的情况下是:内容多了是出现IE的滚动条,如何使上面一行固定,下面的内容自然滚动.目前我知道的方法...
一个页面里,顶部有一行是固定的,下面内容是自动变化的,目前没有加div滚动的情况下是:内容多了是出现IE的滚动条,如何使上面一行固定,下面的内容自然滚动.目前我知道的方法是:
<table width="100%" height="100%">
<tr><td>固定内容</td></tr>
<tr><td height="100%" valign="top">
<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: auto; WIDTH: 100%; HEIGHT: 100%">需要滚动的内容<div></td></tr>
</table>
有人知道其他方法么?
一、div不能写绝对高度,因为IE的框会变大变小。
二、固定行如果我不用table中tr形式来展现,用div来写,以上的滚动写法就实现不了。
请高手指点!! 展开
<table width="100%" height="100%">
<tr><td>固定内容</td></tr>
<tr><td height="100%" valign="top">
<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: auto; WIDTH: 100%; HEIGHT: 100%">需要滚动的内容<div></td></tr>
</table>
有人知道其他方法么?
一、div不能写绝对高度,因为IE的框会变大变小。
二、固定行如果我不用table中tr形式来展现,用div来写,以上的滚动写法就实现不了。
请高手指点!! 展开
2个回答
展开全部
页面和div的高度都是可以控制的:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>123</title>
<style type="text/css">
body{
margin:0px;
width:100%;
height:90%;}
#fix{width:99%;
height:1em;}
#txtroll{
OVERFLOW-Y: auto; OVERFLOW-X: auto; WIDTH: 100%; HEIGHT: 80%;
color:#666666;
}
</style>
</head>
<div id="fix">固定内容</div>
<div id="txtroll">
<p>
视情况而滚动!视情况而滚动!视情况而滚动!视情况而滚动!
</p></div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>123</title>
<style type="text/css">
body{
margin:0px;
width:100%;
height:90%;}
#fix{width:99%;
height:1em;}
#txtroll{
OVERFLOW-Y: auto; OVERFLOW-X: auto; WIDTH: 100%; HEIGHT: 80%;
color:#666666;
}
</style>
</head>
<div id="fix">固定内容</div>
<div id="txtroll">
<p>
视情况而滚动!视情况而滚动!视情况而滚动!视情况而滚动!
</p></div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2015-08-01 · 知道合伙人互联网行家
关注
展开全部
contentUP(n) // n 为每次滚动的距离参数
contentDown(n) // n 为每次滚动的距离参数
<table>
<tr><td>
<div id="moveDIV"> 内容</div>
</td></tr>
<tr><td> <a href="#" onclick="contentUP(n);" > up</a> <a href="#" onclick="contentDown(n);"> Down</a> </td></tr>
</table>
contentDown(n) // n 为每次滚动的距离参数
<table>
<tr><td>
<div id="moveDIV"> 内容</div>
</td></tr>
<tr><td> <a href="#" onclick="contentUP(n);" > up</a> <a href="#" onclick="contentDown(n);"> Down</a> </td></tr>
</table>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询