`
apple_wxs
  • 浏览: 103379 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

保证页面整体只有一对滚动条

HTML 
阅读更多
当页面中有frame的时候，而且frame的高度、宽带动态变化时，页面有时会出现多个滚动条，视觉效果很差，用下面两个js语句就能很好的解决这个问题了。 
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>
分享到：
| jsp 导出excel
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics