Dynamic Iframe Height

iframe-height.html

<!--This code goes on iframe parent-->
<script>
  /*Cross Domain Iframe Height*/
        window.addEventListener('message', function(e) {
            var $iframe = $("#trackframe");
            var eventName = e.data[0];
            var data = e.data[1];
            switch (eventName) {
                case 'setHeight':
                    $iframe.height(data + 20);
                    break;
            }
        }, false);
</script>
<iframe frameborder="0" width="100%" src="track-iframe.php" id="trackframe" name="trackframe"></iframe>

<!--This code goes on track-iframe.php -->
<script>
  /*To Resize Iframe cross domain*/
        function resize() {
            var height = document.getElementsByTagName("html")[0].scrollHeight;
            window.parent.postMessage(["setHeight", height], "*");
        }
  document.addEventListener("DOMContentLoaded", function() {
        resize();
    });
</script>