IE9忽略了滚动和溢出属性

时间:2013-07-25 15:18:56

标签: javascript html css iframe internet-explorer-9

我的网页已加载到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-Standards。

如何在IE9下删除iframe中的滚动?

1 个答案:

答案 0 :(得分:1)

当您执行此操作时,似乎已加载iframe。您可以设置:

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

如果页面上有文字iframe标记,您可以将scrolling属性设置为"no",但在iframe元素之后使用JS设置此属性值时创建到页面,不起作用。如果您动态创建iframe,则可以在将setAttribute('scrolling', 'no')附加到文档之前设置{{1}}。