Resizes iframe if window height resizes

iFrameResizer.html

<iframe 
src="your-url-here" 
id="my_iframe" 
style="width: 100%;" 
border="0" 
margin="0" padding="0" 
frameborder="0" scrolling="no" ></iframe>

iframeResizer.js

(function($, window, undefined){"use strict";
    var frameId = "my_iframe";
    var minHeight = 500;
    var iframeHeight = 0;
    var threshold = 5;

    var frame = $("#"+frameId);
    $(window).on("message", function(e) {
        var data = e.originalEvent.data; 

        if (!data.match(/^HEIGHT:/)) {return true;}

        var h = parseInt(data.substring("HEIGHT:".length), 10);
      
        if (h < minHeight) h = minHeight;
      
        if (Math.abs(iframeHeight - h) > threshold) {
            iframeHeight = h;
            frame.height(iframeHeight);
        }
    });
})(this.jQuery, this);