JSFiddle - React, Tailwind, and code Playground

by naokiota

HTML

<body>
    <div id="myDiv">
    <iframe id="myFrame" src="http://dump.mrslayer.com/test2.html"></iframe>
    </div>
</body>

CSS

#myDiv{
    height:100px;
    
}
#myFrame{
'-webkit-transform-origin': '0 0';
'width': '100%';
'height': '100%';
}

JavaScript

if (/iPhone|iPod|iPad/.test(navigator.userAgent)){
    $('#myDiv').css({
        overflow: 'auto',
        '-webkit-overflow-scrolling': 'touch'
    });
}