установить минимальную высоту для iframe

#jquery #iframe #resize

#jquery #iframe #изменить размер

Вопрос:

     // 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 в зависимости от высоты содержимого. Проблема в том, как мне установить минимальную высоту iframe в 500 пикселей, если высота содержимого меньше 500 пикселей?

Ответ №1:

Вы можете использовать Math.max() .

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

PS. Вы используете setInterval который, который будет запускать ваш код каждую миллисекунду, пока страница не будет выгружена. Изменить на setTimeout или использовать clearInterval .

Комментарии:

1. итак, как я собираюсь применить Math.max() в приведенном выше коде? я совсем новичок в javascript / jquery