JSFiddle - React, Tailwind, and code Playground

by thayes

HTML

<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.css">
<div data-role="page">
    <div data-role="header" data-tap-toggle="false" data-position="fixed">
        <h1>HEADER</h1>                
    </div>
    <div data-role="content">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas semper, nibh non volutpat accumsan, urna erat ultricies diam, eget fringilla est libero vel metus. Maecenas iaculis aliquet nisl id pharetra. Vivamus semper feugiat est, ut rhoncus enim faucibus vel. Vestibulum ac lectus sed nunc tincidunt fringilla quis faucibus dui. Donec lacus nunc, hendrerit ut ultrices non, rutrum a ante. Quisque ut facilisis orci. Mauris in neque ut mauris euismod imperdiet id et urna. Aliquam commodo sem nec nisi hendrerit vel eleifend lectus pretium. Ut lacinia massa ut est vehicula malesuada tempor felis condimentum. In ultricies suscipit felis, eu accumsan eros tristique ac. Praesent luctus, tortor non lobortis fermentum, dui odio dictum dolor, eu tincidunt urna arcu auctor risus. Nulla faucibus cursus metus in malesuada. Vestibulum a libero velit, eget sodales libero. Aliquam vehicula suscipit odio in aliquam. Etiam eget urna dignissim eros fringilla pharetra. Mauris scelerisque, eros ac dapibus laoreet, eros nisi blandit dui, at blandit mauris mi at ligula.

Etiam at dolor mauris, viverra aliquet sapien. Nulla nulla ipsum, sagittis nec consectetur porttitor, auctor quis turpis. Aliquam malesuada aliquet mauris, eget consequat ipsum placerat quis. Mauris pharetra ultricies nunc facilisis dictum. Sed at nunc eu tellus rutrum tincidunt. Pellentesque scelerisque dapibus arcu id tempus. Quisque pharetra urna a sem sagittis quis dapibus lectus egestas.

Morbi placerat interdum nulla eget sollicitudin. Vestibulum auctor neque a purus fermentum sagittis. Nam eu nibh in urna interdum semper non vitae leo. Quisque porta...

JavaScript

$(document).bind('pageinit', function() {
    $('[data-role="header"], [data-role="footer"]').fixedtoolbars();
});