奇宝库 > html去除iframe滚动条(iframe不显示滚动条)

html去除iframe滚动条(iframe不显示滚动条)

本文也可以说是iframe自适应大小的折中方案。iframe中出现滚动条的原因是因为体中的内容高于iframe的高度,所以出现了滚动条。

解决方案:

使用JQuery从iframe的嵌套页面中获取高度值,并在iframe父窗口的onload事件中更新iframe的高度。

具体实现代码:

父页面:

脚本类型='文本/javascript '

函数SetcwinHeight(){

var H=$('#myiframe ')。内容()。查找(' meta ')。attr('内容');

警报(H);

$('#myiframe2 ')。高度(H);

}

/脚本

body style=' overflow:auto;'

iframe id=' myiframe ' src=' xx . html ' onLoad=' SetCwinHeight()'/iframe

/body

脚本类型='文本/javascript '

函数SetCwinHeight(){

var H=$('#myiframe ')。内容()。查找(' meta ')。attr('内容');

警报(H);

$('#myiframe2 ')。高度(H);

}

/脚本

body style=' overflow:auto;'iframe id=' myiframe ' src=' xx . html '/iframe/body/html

子页面:

Html代码

元内容=' 800像素'

操作原理:父页面读取子页面中meta的字段值来设置iframe的高度。

附加说明:

当iframe的高度小于内容高度时,如果父窗口体的overflow:auto,会有两个垂直滚动条,iframe的垂直滚动条和父窗口的滚动条;

此时,如果隐藏了BODY的溢出,只会出现iframe的垂直滚动条,而不会显示iframe的内容。

本文来自网络,不代表本站立场,转载请注明出处: