这是个老问题,最近自己搞了框架,顺手把代码贴上,后来者看到也方便绕弯子。
一般页面上包裹ifream的有一个容器,这里姑且把它的容器设置成div,它的id是Container
对于Container,一般要设置基础的样式的,这个样式大致这样:
#Container {
margin: 0 auto;
padding: 0px;
width: 100%;
height: 100%;
border: 0;
}
而ifream本身也需要设置几个基本属性,一般情况下,大致如下:
<iframe id="main" name="main" scrolling="auto" frameborder="0" scrolling="yes" width="100%" height="100%" src="desktop.html"></iframe>
剩下的,只要用js计算这个Container之前的div高度就好了,举个例子:
这里裹了好几层,但是没关系,通过js计算,减去高度就好了;
我们在jq的ready事件中注册下就好了:
$(document).ready(function () {
iframeresize();
});