iframe调整大小无法使用srcdoc html调整iframe的大小

Question

I want to resize an the height of an iframe using html from srcdoc and I choosed to use the iframe-resizer library. 我想使用srcdoc中的html来调整iframe的高度，因此我选择使用iframe-resizer库。 But the iframe is never resizing and callbacks are never called. 但是iframe永远不会调整大小，也永远不会调用回调。

Html : HTML：

<iframe scrolling="no" class="preview-iframe" id="iframe3" srcdoc="<html><head></head><body><p>TEST</p>
</body></html>"></iframe>

JS : JS：

$('iframe#iframe3').iFrameResize({
  heightCalculationMethod: 'bodyScroll',
  log: true,
  resizedCallback: function () {
    console.log('resize');
  },
  initCallback: function () {
    console.log('init');
  },
});

Here is my jsfiddle 这是我的jsfiddle

Answer 1

您的srcdoc需要具有指向iframeResizer.contentWindow.js文件的链接。

iframe调整大小无法使用srcdoc html调整iframe的大小

问题描述

1 个解决方案

解决方案1
3 已采纳 2016-04-12 22:39:21

iframe调整大小无法使用srcdoc html调整iframe的大小

问题描述

1 个解决方案

解决方案1 3 已采纳 2016-04-12 22:39:21

解决方案1
3 已采纳 2016-04-12 22:39:21