最近在做一个项目,部分内容是iframe嵌套的,结果发现它不能自适应高。
于是乎我就用js iframe.height(iframe里body的高度),然并卵用。后来才发现,子页面(iframe所写的页面)的元素在父页面(嵌套iframe页面)更笨取不到。
一下为解决办法:
父页面:<iframe src="demo1.html" frameborder="0" width="100%" id="ifrem-wrap" height="auto" name="myFrame" οnlοad="myheight();"></iframe>
<script type="text/javascript">
function myheight(){
var oHeight = myFrame.window.ohei();
$("#ifrem-wrap").height(oHeight);
}
</script>
子页面:
function ohei(){
var ohei = $("html").height();
return ohei;
}
若大牛有更好的解决方案或这个方案有bug,希望学习与指正哦。。。。。。