JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <p>Note: The width of the iframe should be the same as the width of the content in the iframe</p>
    
    <div id="content" class="scroll">
        <iframe id="kaart-frame" src="https://tweakers.net" name="kaart-frame" frameborder="0" noresize="noresize" width="600px"></iframe>
    </div>
    
    <p>Note: You can disable scrolling in the iframe by adding ' scrolling="no" '.</p>
</body>

CSS

#content {
    width: 200px;
    height: 300px;
    overflow: scroll;
    /* CSS3 */
    overflow-y: hidden;
    /* iOS */
    -webkit-overflow-scrolling: touch;
}

#kaart-frame {
    /* CSS3 */
    overflow-y: hidden;
    height: 100%;
    /* For non-touch: height: 98%; */
}