javascript - 如何在不刷新页面的情况下调整 iframe 的大小？

Question

我在 iframe 中嵌入了一些 swf，但只有当页面刷新时，iframe 才会调整大小，然后如果我选择其他一个，那么不仅会显示动画，还会显示背景的所有 swf。这就是我正在使用的

if ( 'resizeIframe' === $('#onPlayAction').val() ) {
    var ifrEl = $('div.player-container iframe.page-iframe')[0];

    $(ifrEl).show();
    ifrEl.src = htmlPageBrowserUri;
    ifrEl.onload = function() {
      ifrEl.width = ifrEl.contentWindow.document.body.scrollWidth;
      ifrEl.height = ifrEl.contentWindow.document.body.scrollHeight;
    }
  } 

Answer 1

有三种方法可以做到这一点。

1. 您可以在每次调整窗口大小时更改大小

$(window).on('resize', function (){

  ifrEl.width = ... ;
  ifrEl.height = ... ;

})

您可以使用一些 jQuery 插件，例如 iFrame Resizer

您可以使用一些漂亮的 CSS 技巧。去搜索responsive iframes using css，你会找到很多好的答案。

希望这一切对您有所帮助。