JSFiddle - React, Tailwind, and code Playground

by bgmort

HTML

<script src="https://raw.github.com/cubiq/iscroll/master/src/iscroll.js"></script>
<div id="toolbar">TOP
<for,</div>
<div id="mid" class="iscroll">
<div class="scroller">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Barber shop quartet devilish cad casual style Nostrilis tickler, Nostrilis tickler Nostrilis tickler devilish cad holiday waiter casual style class definer barber shop quartet mexican, Nostrilis tickler theodore roosevelt Nostrilis tickler godlike holiday waiter driving gloves barber shop quartet man of the year 1986 casual style walrus mexican devilish cad class definer? Helllloooo movember doctor watson. cappuccino collector horseshoe freestyle hairy kiss., cappuccino collector admiral musketeer frightfully nice cappuccino collector movember horseshoe rugged et freestyle helllloooo frightfully nice jolly good show hairy kiss. doctor watson., French café patron Fallen eyebrow dick dastardly cappuccino collector doctor watson. cappuccino collector frightfully nice frightfully nice freestyle musketeer jolly good show rugged et hairy kiss. horseshoe helllloooo admiral movember?

Dolor sit amet helllloooo magnum pi charity donate tom selleck stache gentleman, el snort dolor sit amet stache tom selleck lip warmer lemmy face mop frightfully nice magnum pi charity donate gentleman helllloooo, lip warmer charity donate stache timothy dalton magnum pi dolor sit amet el snort frightfully nice movember helllloooo tom selleck pencil lemmy gentleman cigars joseph stalin face mop? Freddie mercury barber shop quartet theodore roosevelt what a bounder hair trimmer?

John aldridge dali challenge you to a duel holiday waiter big daft brush face mop dickie davies, dali john aldridge et face mop grooming great dictator um yesbaby challenge you to a duel bad guy man markings dickie davies holiday waiter big daft brush holiday waiter.

Tony stark dick van dyke prostate cancer beefeater,...

CSS

#top, #bot {
    position:fixed;
    width:100%;
    height: 2em;
    background-color: #ccc;
}
#top {
    top:0;
}
#bot {
    bottom:0;
}
#mid {
    position:absolute;
    top: 2em;
    bottom: 2em;
    /*overflow:auto;*/
}

</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">



<style>

JavaScript

options = {};
$('.iscroll').each(function(i, el){
  new iScroll(el.id, options);  
});