JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<body>
<div id="framepopup">
text text<br />
<br />
text text<br />
<br />
<div class="viewpopup">View Popup</div>
<br /><br />text text<br /><br />text text<br /><br />text text<br /><br />text text<br /><br />text text<br /><br />text text<br /><br />text text<br /><br />text text
</div>

JavaScript

$(".viewpopup").click(function()
{
$("body").css('overflow','hidden');
$("body").css('position','relative');
$("body").css('margin','0px');
$("#framepopup").before("<div style=\"width:100%; height:100%; background-color:rgba(0, 0, 0, 0.9); position:fixed; z-index:1\"></div>");
$("#framepopup").before("<div style=\"position: fixed; top: 50%;  left: 50%; width: 300px; height: 250px;  margin: -130px 0 0 -195px; z-index:2; background-color:#FFF\"><h1>Popup</h1></div>");
});