Question

我想使用srcdoc中的html调整iframe的高度，我选择使用iframe-resizer库。但iframe永远不会调整大小，也不会调用回调。

Html：

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

JS：

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

Here is my jsfiddle

Answer 1

你的srcdoc需要有一个iframeResizer.contentWindow.js文件的链接。

iframe-resizer不使用srcdoc html调整iframe大小

1 个答案: