当页面中有frame的时候,而且frame的高度、宽带动态变化时,页面有时会出现多个滚动条,视觉效果很差,用下面两个js语句就能很好的解决这个问题了。
举个例子 index.html里有个iframe,里面是xx.html
document.body.scrollHeight;
document.body.scrollWidth;
举个例子 index.html里有个iframe,里面是xx.html
<HTML>
<head>
<SCRIPT LANGUAGE="JavaScript">
function query()
{
document.all.div1.style.display = "block";
document.all.bottom.src = "xx.html";
}
</SCRIPT>
</head>
<BODY>
保证页面只有一个滚动条<br>
<button onclick="query()">显示iframe内容,并控制滚动条</button>
<div id="div1" name="div1" style="display:none">
<iframe id="bottom" name="bottom" FRAMEBORDER="0" SCROLLING="no"
marginwidth="0" marginheight="0"/>
</div>
</BODY>
</HTML>
<HTML>
<head>
<SCRIPT LANGUAGE="JavaScript">
function init()
{
parent.document.all.bottom.style.height = document.body.scrollHeight;
parent.document.all.bottom.style.width = document.body.scrollWidth;
}
</SCRIPT>
</head>
<BODY onload="init()">
页面很宽很长~
<TABLE width="1500" height="1500"border="1">
<TR>
<TD>11</TD>
<TD>12</TD>
</TR>
<TR>
<TD>21</TD>
<TD>22</TD>
</TR>
</TABLE>
</BODY>
</HTML>