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高度就好了,举个例子:

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


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

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





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值