程序博客网 > 听相声小品软件

解决iframe出现两个滚动条的问题

来源：互联网发布：听相声小品软件编辑：程序博客网时间：2024/04/29 14:08

花了一个多小时，终于解决了因为iframe框架出现两个滚动条的问题。原理( 借鉴了网上kaka的思路，但是js与他写的不一样)是：
1.强制隐藏最上层窗口的滚动条
2.获取浏览器窗口的高度
3.用浏览器窗口的高度减去头部iframe的高度就是内容iframe的高度了

<head>

<title>main</title>

<script type="text/javascript" src="<c:url value='/adminjsps/js/jquery-1.7.2.min.js'/>"></script>

<script type="text/javascript">

$(function(){

var ht = $(window).height();//获取浏览器窗口的整体高度；

var top = $("#top").height();//获取头部高度，定义一个变量名为topHeader

var btop = ht - top;// 计算bottom的高度

$("#tree").css("height",btop);

$("#body").css("height",btop);

});

</script>

<style type="text/css">

*{margin:0; padding:0; font-family:'微软雅黑';}

html{overflow:hidden;}/*强制去掉主页面的滚动条*/

.cont{width:100%; height: 100%; over-flow:hidden;}

iframe{width:100%; height:100%;}

.top{width:100%; height:78px; }

.bottom{width:100%; float:left;}

.bottom .tree{width:16%; height: 100%; over-flow:hidden; float:left; margin-left:1%;}

.bottom .body {width: 80%; height: 100%; float:left; margin-left:1%; }

</style>

</head>

<body>

<div class="cont">

<div class="top">

<iframe frameborder="0" src="<c:url value='/adminjsps/jsps/header/header.jsp'/>" name="top" id="top"></iframe>

</div>

<div class="bottom">

<div class="tree">

<iframe frameborder="0" src="<c:url value='/adminjsps/jsps/left/left.jsp'/>" name="tree" id="tree"></iframe>

</div>

<div class="body">

<iframe frameborder="0" src="<c:url value='/adminjsps/jsps/bodysample.jsp'/>" name="body" id="body"></iframe>

</div>

</div>

</div>

</body>

0 0

听相声小品软件

听相声小品软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子 flash页面乱了怎么办电脑重装win7后怎么办系统重装没网络怎么办楚留香老是闪退怎么办小孩晚上吵瞌睡怎么办小孩经常吵夜怎么办新生儿宝宝吵夜怎么办孩子吵夜哭闹怎么办初生婴儿吵夜怎么办新生宝宝吵夜怎么办宝宝晚上吵瞌睡怎么办幼犬半夜总哼唧怎么办 2岁拉布拉多拉稀怎么办拉布拉多喜欢扑人怎么办狗扑到人身上怎么办逆水寒笔记本卡怎么办金蝶卸载不了怎么办笔记本d盘不见了怎么办雅乐之舞不红了怎么办被骗签贷款合同怎么办压缩包坏了怎么办 u盘出现乱码怎么办电脑中出现乱码怎么办 win7系统反应慢怎么办文件参数不可用怎么办 u盘显示fat32怎么办怎么办磁盘改guid格式电脑突然非常卡怎么办 win7电脑特别卡怎么办 win7电脑磁盘空间不足怎么办 3d为什么打不开怎么办 3d怎么打不开怎么办电脑office软件打不开怎么办苹果升级卡住了怎么办电脑重装时黑屏怎么办电脑运存不够怎么办电表读卡器坏了怎么办电脑一直重启怎么办 ps没有足够内存怎么办未分配的磁盘怎么办三星解析包出问题怎么办