JSFiddle - React, Tailwind, and code Playground

HTML

<p>Notice how this text doesn't move when scrolling.</p>

CSS

</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://github.hubspot.com/vex/js/vex.js"></script>
<script src="http://github.hubspot.com/vex/js/vex.dialog.js"></script>
<link href="http://github.hubspot.com/vex/css/vex.css" rel="stylesheet" />
<link href="http://github.hubspot.com/vex/css/vex-theme-default.css" rel="stylesheet" />
<style>
body > p {
    font-family: "Helvetica Neue", sans-serif;
}

JavaScript

vex.defaultOptions.className = 'vex-theme-default';
vex.dialog.alert('This is a tall dialog. (Scroll down)<div style="height: 500px"></div>This is a tall dialog.<div style="height: 500px"></div>This is a tall dialog.<div style="height: 500px"></div>This is a tall dialog.<div style="height: 500px"></div>This is a tall dialog. (Scroll up)');