JSFiddle - React, Tailwind, and code Playground

by kimiliini

HTML

<div id="wrap">
    <iframe id="ifr" src="http://fiddle.jshell.net/kimiliini/48EwA/show/"></iframe>
</div>

CSS

iframe {
    width  : 225px;
    height : 250px;
}

JavaScript

$(window).load(function () {
    var ifr = $("#ifr"),
        ifr_doc = ifr.contents(),
        ifr_doc_w, ifr_w;
    
    ifr_w = ifr.width();
    ifr_doc_w = ifr_doc.width();
    
    ifr_doc
    .scrollLeft(
        (ifr_doc_w - ifr_w) / 2
    ) // Or the direct approach
    .scrollTop(
        (ifr_doc.height() - ifr.height()) / 2
    );
});