iscroll

by abernier

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://raw.github.com/gist/1109310/09dfbb7ebc1c639e9a87f76311550a1690296cea/reset.css">
<ul class="reset">
  <li></li><li></li><li></li><li></li><li></li><li></li><li></li>
</ul>
<div id="slider"></div>

CSS

html, body {height:100%;}

ul {white-space:nowrap; overflow:auto; border:1px solid;}
li {display:inline-block; vertical-align:middle; width:4em; height:3em; white-space:normal; border:1px dotted;}

.carousel {}
.carousel li {}

JavaScript

(function ($) {
    $('#slider').slider();
}(jQuery));