Inline Frame Height Adjustment from codepen

InlineFrameHeightAdjust.html

<div id="wrap">
  <h1>Inline Frame Height Adjustment</h1>
  <iframe id="frame" src="/"></iframe>
</div>

script.js

$(function() {
  function adjustHeight() {
    var body =
        $("#frame").contents().find("body").children();
    var height = 0;
    for (var i = 0; i < body.size(); i++) {
      var c = body.eq(i);
      var h = c.offset().top+c.outerHeight(true);
      if (height < h) {
        height = h;
      }
    }
    $("#frame").delay(500).height(height);
  }
  $("#frame").load(function() {
    adjustHeight();
  });
  setInterval(function(){adjustHeight();},500);
});

style.css

#wrap {
  width: 900px;
  margin: auto;
}

#frame {
  width: 100%;
  margin-bottom: 50px;
  border: 1px solid #ff0000;
}