JSFiddle - React, Tailwind, and code Playground

by moogs

HTML

<div class="scroll">
<a href="http://www.google.com" target="_blank">Link below iframe</a>
<p>
    Etiam quis ante vitae justo rhoncus tristique. Aenean placerat, justo ac dapibus egestas, risus urna egestas felis, vel tempor eros metus et leo. Proin tincidunt sem non mauris varius, sit amet interdum nulla pharetra. Duis odio tortor, aliquam congue urna vitae, ultricies rhoncus magna. Nulla vehicula rhoncus dui at lobortis. Vivamus convallis pulvinar aliquet. In volutpat elit mi, at consectetur justo molestie eu. Curabitur interdum auctor tortor, quis tincidunt dolor euismod mattis. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc neque neque, pretium eget iaculis in, suscipit sit amet mauris. Maecenas iaculis convallis mi ac adipiscing.</p>
</div>
<iframe src="http://example.com"></iframe>

CSS

iframe {
    width: 500px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
    border: 1px solid blue;
    pointer-events: none;
}
.scroll {
    height: 200px;
    width: 500px;
    overflow: scroll;
    border: 1px solid red;
}