前言
现在用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哦~