ifream高度自适应

这是个老问题,最近自己搞了框架,顺手把代码贴上,后来者看到也方便绕弯子。

一般页面上包裹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高度就好了,举个例子:
ifream高度自适应_第1张图片

这里裹了好几层,但是没关系,通过js计算,减去高度就好了;

ifream高度自适应_第2张图片

我们在jq的ready事件中注册下就好了:

$(document).ready(function () {
    iframeresize();
});





你可能感兴趣的:(jq,ifream自适应)