最近在做pc端项目的时候由于某些原因吧用了很少接触的iframe;虽然知道很多坑,但是由于项目需要所以没有办法的使用了一次,由于
iframe页面内的内容不是固定的,所以想采用高度自适应来解决这个问题,但是发现不有好的iframe却不支持min-height:高度;没办法网上找各种大神的代码,却发现没有最合适的,多多少少都会出现一些问题,所以没办法自己写了一个,也不能说完美吧,但是起码能解决这一问题了!代码如下(需要放到每一个iframe子页面内):
$(function() {
var iframe = $('#mainFrame', window.parent.document)[0];
iframe.style.height = 'auto';(这个是关键)
thisheight = iframe.contentWindow.document.documentElement.scrollHeight;
iframe.style.height = thisheight +"px";
})