У меня есть iframe, включенный в файл parent.html.Как установить размер для iframe на основе его внутреннего содержимого?
Мне нужно установить размер iframe на основе его внутреннего содержимого (child.html).
child.html будет содержать длинный текст, с помощью следующего кода в строке
child.contentWindow.document.body.scrollHeight
я получаю размер эквиваленты видимой части содержимого в IFRAME и не его полный размер (непонятная часть).
Любая идея, что я делаю неправильно и как ее исправить?
---------------------------- parent.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Parent</title>
<script>
window.name = 'parent';
</script>
<style>
body {
}
#childIframe{
}
</style>
</head>
<body>
<iframe id="childIframe" src="child.html" scrolling="no" frameborder="0"></iframe>
<script>
var child = document.getElementById('childIframe');
child.height = child.contentWindow.document.body.scrollHeight + "px";
</script>
</body>
</html>
-------- -------------------- child.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Child</title>
</head>
<script>
window.name = 'child';
</script>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum pretium placerat enim, ut luctus orci porta quis. Suspendisse id dignissim nunc. Aenean non sapien in felis aliquet eleifend. Sed et nisi congue, pharetra ligula accumsan, accumsan diam. Praesent risus est, porttitor ut venenatis et, convallis non orci. Duis viverra finibus est, vel aliquam purus elementum finibus. Nunc ullamcorper rhoncus eros id pulvinar. Nam tellus nulla, pretium quis consequat sit amet, rutrum non augue.
.... very very long text here
</p>
</body>
</html>
, пожалуйста, добавьте комментарий при голосовании, был ли мой вопрос незаконным? – GibboK