JSFiddle - React, Tailwind, and code Playground

by technotarek

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<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 class="span4">
              <div class="scroll-pane">
                  <ul class="unstyled">
                    <li><a href="/"><img width="100" height="70" src="http://lorempixel.com/100/70/"  alt="Article"> This is an article</a></li>
                    <li><a href="/"><img width="100" height="70" src="http://lorempixel.com/100/70/"  alt="Article"> This is an article</a></li>
                    <li><a href="/"><img width="100" height="70" src="http://lorempixel.com/100/70/"  alt="Article"> This is the  article</a></li>
                    <li><a href="/"><img width="100" height="70" src="http://lorempixel.com/100/70/"  alt="Article"> This is an article</a></li>
                    <li><a href="/"><img width="100" height="70" src="http://lorempixel.com/100/70/"  alt="Article"> This is an article</a></li>
                    <li><a href="/"><img width="100" height="70" src="http://lorempixel.com/100/70/"  alt="Article"> This is an article</a></li>
                    <li><a href="/"><img width="100" height="70" src="http://lorempixel.com/100/70/"  alt="Article"> This is an article</a></li>
                    <li><a href="/"><img width="100" height="70" src="http://lorempixel.com/100/70/"  alt="Article"> This is an article</a></li>
                    <li><a href="/"><img width="100" height="70" src="http://lorempixel.com/100/70/"  alt="Article"> This is an article</a></li>
                    <li><a href="/"><img width="100" height="70" src="http://lorempixel.com/100/70/"  alt="Article"> This is an article</a></li>
                    <li><a href="/"><img width="100"...

CSS

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

.jspVerticalBar {
    background:none;
}

.jspTrack {
    background:none;
}

.jspDrag {
    background:#ccc;
    border-radius:10px;
}

JavaScript

$(function() {
    $('.scroll-pane').jScrollPane();
});