Question

    // resize myiframe base on content height
    $('.myiframe').contents().find('body').css({"min-height": "100", "overflow" : "hidden"});
    setInterval( "$('.myiframe').height($('.myiframe').contents().find('body').height() + 20)", 1 );

上面的代码会根据内容高度自动调整iframe的高度。问题是，如果内容高度小于500px，如何将iframe的最小高度设置为500px？

Answer 1

您可以使用Math.max()。

setInterval( function(){
  var height = $('.myiframe').contents().find('body').height() + 20;
  $('.myiframe').height(Math.max(height, 500));
}, 1 );

PS。您已经使用setInterval，它将每毫秒运行您的代码，直到卸载页面。更改为setTimeout或使用clearInterval。

设置iframe的最小高度

1 个答案: