JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://codingsimplicity.com/jquery.ScrollnSwipe.js"></script>
<div id="outer" style="width:400px;height:200px;overflow:hidden;">
    <div id="middle" style="width:1000px;height:200px;">
        <div class=".panel" style="overflow:auto;display:inline-block;width:200px;height:200px;">
            Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />
        </div>
        <div class=".panel" style="overflow:auto;display:inline-block;width:200px;height:200px;">
            Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />
        </div>
        <div class=".panel" style="overflow:auto;display:inline-block;width:200px;height:200px;">
            Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />
        </div>
        <div class=".panel" style="overflow:auto;display:inline-block;width:200px;height:200px;">
            Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />Hello<br />
        </div>
    </div>
</div>

JavaScript

$(document).ready(function(){
$("#outer").ScrollnSwipe({"items" : ".panel", "swipeAxis": "x"});
});