Funktion

Übergibt die Höhe des Seite in einem iFrame an die einbindende Seite.
So lässt sich die Höhe des iFrame dynamisch anpassen.

Code

Code für die Seite die den iFrame einbindet:

<div class="iframewrap">
    <iframe src="URL" height="100%" width="100%" frameborder="0"></iframe>
</div>

<script>
window.onload = function() {
    var myEventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
    var myEventListener = window[myEventMethod];
    var myEventMessage = myEventMethod == "attachEvent" ? "onmessage" : "message";
    myEventListener(myEventMessage, function (e) {
        if (e.data === parseInt(e.data)) { 
            $('.iframewrap').css('height', e.data);
        }
    }, false);
}
</script>

Code für die Seite die in dem IFrame dargestellt wird:

<script>
window.onload = function() {
    // Post height to parent window
    window.parent.postMessage(document.body.scrollHeight, "*")
};
</script>