JSFiddle - React, Tailwind, and code Playground

by Sreeraj Saseendran

HTML

<div>
    <h1>IFRAME HERE:</h1>
    <iframe id="idIframe" src="https://toshi-images.s3.eu-west-2.amazonaws.com/marketing/faq-pages/nyc-faq.html" onload="iframeLoaded()"></iframe>
  </div>

  <div class="text">
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate eaque rerum molestias commodi voluptatum numquam non esse officiis facilis, nam, voluptate fugiat incidunt voluptates mollitia atque ratione voluptatem cum asperiores. Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate eaque rerum molestias commodi voluptatum numquam non esse officiis facilis, nam, voluptate fugiat incidunt voluptates mollitia atque ratione voluptatem cum asperiores. Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate eaque rerum molestias commodi voluptatum numquam non esse officiis facilis, nam, voluptate fugiat incidunt voluptates mollitia atque ratione voluptatem cum asperiores.</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate eaque rerum molestias commodi voluptatum numquam non esse officiis facilis, nam, voluptate fugiat incidunt voluptates mollitia atque ratione voluptatem cum asperiores. Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate eaque rerum molestias commodi voluptatum numquam non esse officiis facilis, nam, voluptate fugiat incidunt voluptates mollitia atque ratione voluptatem cum asperiores. Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate eaque rerum molestias commodi voluptatum numquam non esse officiis facilis, nam, voluptate fugiat incidunt voluptates mollitia atque ratione voluptatem cum asperiores. Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate eaque rerum molestias commodi voluptatum numquam non esse officiis facilis, nam, voluptate fugiat incidunt voluptates mollitia atque ratione voluptatem cum asperiores. Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate eaque rerum molestias commodi voluptatum numquam...

JavaScript

function iframeLoaded() {
        var iFrameID = document.getElementById('idIframe');
        if(iFrameID) {
              // here you can make the height, I delete it first, then I make it again
              iFrameID.height = "";
              iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
        }   
    }