FED

©FrontEndDev.org
2015 - 2024
web@2.22.0 api@2.20.0

iframe嵌套后iframe的高度根据嵌套内容自适应

传统的后台管理系统,点击侧边栏选项改变右侧iframe的内容,iframe内容不确定,高度大小也不确定,如何做到每点击一次侧边栏,右侧iframe的高度就重新计算一次。现在的实现方法出现这样的问题,点击内容比较少的出现一个高度,点击内容多的改变一次高度,重新再点击内容少的iframe的高度显示的是内容多的高度,出现不该出现的滚动条。 function reinitIframe(){ var iframe = document.getElementById("iframe"); try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; var height = Math.max(bHeight, dHeight); if(height < ($(window).height() - $('.navbar').height() - 10)){ height = $(window).height() - $('.navbar').height() - 10; } iframe.height = height; }catch (ex){

    }
}

var timer1 = window.setInterval("reinitIframe()", 500);
想问下怎么才可以做到点击内容多的时候有滚动条,内容明明没有超出的时候不出现滚动条呢?