JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<div data-role="page" id="myPage1">
    <div data-role="header" data-position="fixed">
        <h1>Page 1 header</h1>
    </div>
    <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
     <h1>Page 1</h1>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <div data-role="footer" data-position="fixed">

        <h1>Page 1 Footer</h1>
    </div>
</div>