Проблема заключалась в том, что div на странице iframed расширялся до высоты области просмотра.Я исправил это, изменив css.
Вот код, которым я закончил.
Родительское окно.
function resizeIframe(height) {
height = parseInt(height) + 60;
$('iframe#printiq').attr('height', height);
}
Скрипт для внешнего сайта iframed.
$(window).load(function() {
var height = $('#container').height() + $('#header').height();
var whirlwind_url = 'http://whirlwind.ben.dev/iframe_helper';
var iframe_html = '<iframe id="height_helper" src="'+whirlwind_url+'?height='+height+'"></iframe>';
$('body').append(iframe_html);
});
Помощник iframe, встроенный в iframe.Внук окна браузера, если хотите.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
This page is on the same domain as the parent, so can
communicate with it to order the iframe window resizing
to fit the content
-->
<body onload="parentIframeResize()">
<style type="text/css">
body{
border:none;
display:none;
}
</style>
<script>
// Tell the parent iframe what height the iframe needs to be
function parentIframeResize()
{
var height = getParam('height');
// This works as our parent's parent is on our domain..
parent.parent.resizeIframe(height);
}
function getUrlVars()
{
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
// Helper function, parse param from request string
function getParam( name )
{
var results = getUrlVars();
if( results == null )
return "";
else
return results['height'];
}
</script>
</body>
</html>