JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/yuanqing/tiny-modal/master/tiny-modal.min.js"></script>
<button class="modal-show">Show</button>
<div style="height: 1000px;"><!-- content --></div>

<div class="modal">
  <div class="modal-dialog">
    <button class="modal-hide">Hide</button>
    <div style="height: 1000px;"><!-- content --></div>
  </div>
</div>

CSS

.modal {background: rgba(0,0,0,.5); }
.modal-dialog {margin: 50px auto; max-width: 500px; background: #fff; }

JavaScript

var elem = document.querySelector('.modal');
var opts = {
  showSelector: '.modal-show',
  hideSelector: '.modal-hide',
  onShow: function(target, modal) {},
  onHide: function(target, modal) {},
  scrollTop: true
};
tinyModal(elem, opts);