iframe-resizer 不使用 srcdoc 调整 iframe html
iframe-resizer not resize iframe with srcdoc html
我想使用 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');
},
});
您的 srcdoc 需要包含 link 到 iframeResizer.contentWindow.js 文件。
我想使用 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');
},
});
您的 srcdoc 需要包含 link 到 iframeResizer.contentWindow.js 文件。