JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="iFrame">
        <iframe src="http://cnn.com" frameborder="0" scrolling="no" seamless="seamless"></iframe>
    </div>
</div>

CSS

#iFrame{
    height: 200px;
    position: relative;
}
iframe {
    position: fixed;
    height: 600px;
}

JavaScript

document.querySelector('iframe').style.top = '-300px';