javascript - IE9 忽略滚动和溢出属性

Question

我的页面加载到 iframe 中，我需要使用 javascript 调整 iframe 的大小。我尝试以下方法：

iframe.style.overflow = 'hidden'
iframe.scrolling = 'no'
var content = iframe.contentWindow.document.getElementById('content')
var height = content.offsetHeight + 10
iframe.style.height = height + 'px'
console.log(content.offsetWidth)
var width = content.offsetWidth + 10
iframe.style.width = width + 'px'

在 FireFox 上它可以正常工作，但 IE9 忽略了滚动和溢出属性。浏览器模式设置为 IE9 标准。

如何摆脱IE9下iframe中的滚动？

Answer 1

iframe当您执行此操作时，看起来已加载。您可以设置：

iframe.contentWindow.document.body.style.overflow = 'hidden';

如果iframe页面上有文字标签，可以设置scrolling属性为"no"，但是在iframe页面创建元素后用 JS 设置该属性值时，不起作用。如果您要iframe动态创建，则可以setAttribute('scrolling', 'no')在将其附加到文档之前进行设置。