没有滚动的iframe自动高度不起作用

时间:2017-08-15 19:30:40

标签: javascript html

我有一个包含iframe的页面。我试图使用属性scrolling = no和scroll ='no'删除滚动但没有结果。

所以我希望它能够根据里面的内容调整它的高度,而不使用滚动。

这是我的代码:

<script>
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';

  }
</script>
<iframe    src="" frameborder="0"  onload="resizeIframe(this)"  scrolling="no > </iframe> 

1 个答案:

答案 0 :(得分:0)

我不完全理解你在这里想要完成的事情,我认为Iframe不提供API来为你处理这个问题。

没有滚动: 它是一个解决方法但是:通过用if包装iframe来修复它,用z-index将它放在它上面。光标不会像这样访问Iframe。还希望能够点击它吗?添加一个onclick函数,删除div的diff或css。

改变身高: 只是不指定高度和宽度,IFrame会为你处理这个吗?

关于代码: 我不熟悉onload函数,但假设它在加载Iframe后运行...

 obj.style.height

应该是

 obj.height