网页制作中,尤其是后台管理模块,左边是导航,右边是操作的实体网页,这种效果非常常见,一般都是用框架来实现的,但是当右边的实体网页高度严重超标时,就会使框架变形了,出现了多个下拉滚动条,解决方案,用
javascript来动态调整:
在框架页面加入以下函数:
<script language="
javascript">
<!--
function autoResize()
{
try
{
document.all( "right").style.height= right.document.body.scrollHeight;
}
catch(e)
{
}
}
-->
</script>
然后在框架里调用:
<iframe name="right" src="welcome.asp" frameborder="0" scrolling="auto" STYLE= "height:100%; aho:expression(autoResize());width=770 " ></iframe>