2016-12-25 2 views
0

У меня есть iframe с источником другого контента в том же домене. Содержимое является динамическим и может время от времени расти (содержит комментарии пользователей). Я показываю этот iframe внутри модального. Я пытаюсь получить высоту содержимого iframe, чтобы соответственно уменьшить размер iframe в модальном формате. Я нашел несколько решений в Интернете, но не из них, которые я мог понять. Каков самый простой способ преодолеть это? Я разрешил прокрутку в iframe, которая решила проблему, однако она просто не выглядит хорошо, показывая полосу прокрутки внутри модальной. Обратите внимание, что я использую модальный прокрутки в Semantic-ui (http://semantic-ui.com/modules/modal.html#/examples) и вставил iframe внутри описания div, ожидая, что iframe будет просто сжиматься по высоте. Но, очевидно, это не так, и я предполагаю, что мне нужно выяснить способ определения высоты iframe.Получение высоты iframe в пределах одного домена

+0

Извините. Я имею в виду одну и ту же область. –

ответ

0

Я использую этот скрипт на своей странице, и он работает. Я также добавил еще одну часть скрипта с задержкой в ​​первый раз, когда я загружаю страницу, на которую у меня есть время для изменения размера.

<head> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
</head> 


<iframe src="my-page" frameborder="0" id="foo" onload="autoResize('foo')"></iframe> 

И сценарий.

function autoResize(id){ 
    var newheight; 
    var newwidth; 

    if(document.getElementById){ 
     newheight=document.getElementById(id).contentWindow.document.body.scrollHeight; 
     newwidth=document.getElementById(id).contentWindow.document.body.scrollWidth; 
    } 

    document.getElementById(id).height=(newheight) + "px"; 
    document.getElementById(id).width=(newwidth) + "px"; 
} 

Протестируйте его и сообщите мне, если он сработает для вас.

Смежные вопросы