JSFiddle - React, Tailwind, and code Playground

by marlberm2014

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<link rel="stylesheet" href="http://jscrollpane.kelvinluck.com/style/jquery.jscrollpane.css">
<script src="http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js"></script>
<div id = "threadHolderDiv">
    <div class = "scroll-pane thread">
        <ul id = "messageThreads" class = "msgThread" data-role="listview" data-theme="a" data-filter="true" data-filter-placeholder="Contact">
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>
            <li>a</li>            
        </ul>
    </div>
</div>

CSS

.scroll-pane
{
    width: 100%;
    height: 100%;
    overflow: auto;
}

JavaScript

$('.scroll-pane').jScrollPane();