JSFiddle - React, Tailwind, and code Playground

by omulet

HTML

<link rel="stylesheet" href="http://old.nath.is/jQScrollbars/jquery.scrollbars.min.css">
<script src="https://raw.github.com/brandonaaron/jquery-mousewheel/master/jquery.mousewheel.js"></script>
<script src="http://old.nath.is/jQScrollbars/jquery.scrollbars.min.js"></script>
<div class="holder">
    <div class="scrollme">
        <img src="http://placekitten.com/g/400/300" />
    </div>
</div>

CSS

.scrollme {
    width: 300px;
    height: 180px;
    overflow: scroll;
    margin-right: 30px;
}

JavaScript

$('.scrollme').scrollbars();
fakedata = "<div class='scrollme'>Fake response from your server<br /><img src='http://placekitten.com/g/500/300' /></div>";

$(window).delay(2000).queue(function() {
    $.post('/echo/html/', function(response){
        $('.holder').html(fakedata);
        $('.scrollme').scrollbars();
    });
});