JSFiddle - React, Tailwind, and code Playground

by psayre23

HTML

<div id="wrapper">

<div class="container">
    <div class="scroll">
        <p>Lorizzle ma nizzle shit mammasay mammasa mamma oo sa pimpin', yippiyo adipiscing elizzle. Brizzle sapizzle velizzle, i saw beyonces tizzles and my pizzle went crizzle away, suscipit fo shizzle, gravida vizzle, pizzle. Pellentesque eget tortor. Sizzle erizzle. Fusce izzle dolizzle dapibizzle turpizzle da bomb tempizzle. Maurizzle mah nizzle  et turpizzle. Izzle in fo shizzle. Pot its fo rizzle rhoncizzle fo shizzle. In shizzle my nizzle crocodizzle you son of a bizzle platea dictumst. Fizzle dapibus. Curabitur tellizzle shiznit, pretizzle fo shizzle my nizzle, mattis izzle, eleifend vitae, crackalackin. Crackalackin suscipizzle. Integizzle sempizzle nizzle sizzle get down get down.</p>
        <p>Vivamizzle black mauris egizzle stuff consectetuer boom shackalack. Vivamizzle izzle amet lacizzle. Nizzle eu nisl eget lacizzle auctor i saw beyonces tizzles and my pizzle went crizzle. Praesent suscipit viverra fo shizzle. Curabitur dawg hizzle. Vestibulum enizzle enizzle, auctizzle uhuh ... yih!, congue eu, dignissizzle away, libero. Nullam vitae own yo' away go to hizzle posuere pharetra. Quisque break yo neck, yall tortor, congue pulvinizzle, mammasay mammasa mamma oo sa a, mollis sizzle amet, erizzle. Ghetto izzle dui. Aliquam the bizzle purizzle, elementum consectetizzle, dawg izzle, consequizzle imperdizzle, da bomb. Quisque yippiyo sure gizzle mi you son of a bizzle vehicula. Gizzle accumsan stuff ipsum. Pellentesque gangsta morbi tristique shiznit izzle netus izzle  fames dizzle check it out mofo. Phat est. Curabitizzle elementum. Ut bizzle felizzle, mammasay mammasa mamma oo sa boofron, get down get down ac,  pulvinizzle, . Nulla sagittis gravida velit.</p>
        <p>Sizzle shizzlin dizzle. Check it out sagittis massa ghetto maurizzle. Vestibulum ante ipsizzle dizzle i'm in the shizzle faucibus orci luctus et tellivizzle things we gonna chung Curae; Aenean vestibulum. Pellentesque...

CSS

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

#wrapper {
    width: 300px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    /* 3d */
    -webkit-transition: -webkit-transform 1s ease;
    -webkit-transform: translate3d(0, 0, 0);
}

.container {
    display: block;
    margin: 8px;
    padding: 8px;
    background: #ddd;
    border: 1px solid black;
    border-radius: 8px;
    
    /* Scroll */
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}