JSFiddle - React, Tailwind, and code Playground

by Marventus

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.7/js/vendor/modernizr.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.7/js/foundation.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.7/css/foundation.css">
<div id="lipsum">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id diam in urna venenatis pharetra vitae ut tortor. Nam elementum dignissim tristique. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras vitae nisi at dolor congue fringilla ut vitae nibh. Vivamus pharetra varius lectus at porta. Pellentesque volutpat interdum augue ac fermentum. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin maximus posuere sollicitudin. Phasellus at dui cursus, suscipit augue a, porta orci. Vivamus vel nulla tellus. Proin risus nisi, ultricies eu nulla eu, cursus rhoncus mi. Donec pulvinar nisi vitae turpis lacinia, et pretium ipsum pharetra.</p>
    <p>Nulla varius, quam quis consequat finibus, lectus ex malesuada enim, auctor lacinia leo justo ac diam. Suspendisse non elit blandit, scelerisque urna nec, ultrices orci. Quisque leo nulla, mattis ac ipsum vel, rhoncus tempus metus. Vivamus semper sed metus nec varius. Fusce aliquet commodo velit, at ultrices felis luctus in. Ut dapibus scelerisque lorem vehicula mattis. Aenean ac luctus sapien. Nullam quis tincidunt orci, non volutpat massa. Praesent mattis libero iaculis orci suscipit rhoncus. Maecenas id lacus pellentesque, condimentum mauris egestas, efficitur nunc.</p>
    <p>Morbi dapibus nec lacus quis pulvinar. Nullam accumsan mauris et lorem mattis aliquam. Nunc erat diam, aliquam nec velit ut, elementum efficitur dui. Phasellus ac porta eros, ac pharetra elit. Nam ipsum diam, ornare at scelerisque eu, tristique in erat. Sed id purus congue, maximus diam non,...

CSS

#lipsum {
    height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

JavaScript

$(document).ready(function () {
    //$(this).foundation();
});