JSFiddle - React, Tailwind, and code Playground

by danielzen

HTML

<iframe id="pdf_frame" src="//scottdraves.us5.list-manage.com/subscribe?u=5f39aab6754bb5dec45a0e330&id=552414b6ac" style="width:100%">Please upgrade to a modern browser that supports "iframes"</iframe>

JavaScript

// Header is 50px and footer is 50px; therefore, 100px is of screen height is used
// Define content_height and consider the 100px which has already been used
var content_height=document.body.scrollHeight-100;

// Set iframe height
document.getElementById('pdf_frame').style.height=content_height+"px";

// Reset iframe height after window resize
$(function(){
    $(window).resize(function(){
        var content_height=document.body.scrollHeight;

        document.getElementById('resume').style.height=content_height+"px";
    });
});