iframe自适应页面高度

前言

现在用iframe框架的人越来越少了,但是在做系统资源开发,三栏式的开发时候,iframe还是可以的,这次开发的这套系统中,iframe的高度一直搞不定,pc设置了高度不兼容移动端(我这个项目需要pc和移动端都兼容)然后前期我的想法是:用iframe里面内容的高度来撑开iframe,从而代替高度。

但是并不可以,找了很多种方法,并测试然后,并不行!(难道是我找错了?代码写错了?)
最后我想了个办法,根据可视区域高度(窗口的高度)来动态赋值给iframe然后把iframe的滚动条显示出来,这样就不会“双滚动条”来显示了。并且兼容手机端

代码(html)

<iframe src="home.html" marginheight="0" marginwidth="0" frameborder="0" scrolling="yes" width="100%" height="100%" id="iframepage" name="iframepage"  ></iframe>

代码(js)

<script type="text/javascript">
    var height=$(window).height()-183;
    //获取页面高度,因为是三栏式布局,我把头部和底部的高度全部加上然后减掉
    $("#iframepage").attr("height",height);
</script>

上面这个代码真的很简单,一看就会,伸手党们,别忘了引入jquery哦~

文章导航