Resize iframe according to its contents

To respect same-origin policy and so for this fiddle to work, the url of the iframe must be on fiddle.jshell.net .

HTML

<iframe id="IframeId" src="http://fiddle.jshell.net/gnel/xkHFP/show/" scrolling="no"></iframe>

JavaScript

$("#IframeId").on("load",function() {
    $(this).height( $(this).contents().find("html").height() );
});