title: Sly Scroller Jquery
body: <p>i would like to use following plugin <a href="http://darsa.in/sly/" rel="nofollow">http://darsa.in/sly/</a> but i cant get it to work, here are some details to my code.</p>
  
  <p>i have following HTML:</p>
  
  <pre><code>&lt;div class="scroller"&gt;
      &lt;div class="scrollbar"&gt;
          &lt;div class="handle" style="-webkit-transform: translateZ(0px) translateX(0px);"&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="sly" style="overflow: hidden;"&gt;
          &lt;ul class="slidee" style="-webkit-transform: translateZ(0);"&gt;
              &lt;li&gt;&lt;a href="#" style="position: absolute;" rel="tooltip" data-original-title="kuskov(ekuskov@gmail.com)"&gt;&lt;div style="width:50px;height:50px;overflow:hidden"&gt;&lt;img src="/images/users/7.jpg"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#" style="position: absolute;" rel="tooltip" data-original-title="kuskov(ekuskov@gmail.com)"&gt;&lt;div style="width:50px;height:50px;overflow:hidden"&gt;&lt;img src="/images/users/7.jpg"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and following JS:</p>
  
  <pre><code>$(document).find(".scroller").each(function (i, element) {
  
  var $cont = $(element),
      $frame = $cont.find(".sly"),
      $scrollbar = $cont.find(".scrollbar");
  
  $frame.sly({
      // Sly type
      horizontal: 1,    // Change to horizontal direction.
      itemNav:    null, // Item navigation type. Can be: basic, smart, centered, forceCentered.
  
      // Scrollbar
      scrollBar:     $scrollbar, // Selector or DOM element for scrollbar container.
      dragHandle:    0,    // Whether the scrollbar handle should be dragable.
      dynamicHandle: 0,    // Scrollbar handle represents the relation between hidden and visible content.
      minHandleSize: 50,   // Minimal height or width (depends on sly direction) of a handle in pixels.
      clickBar:      0,    // Enable navigation by clicking on scrollbar.
      syncFactor:    0.50, // Handle =&gt; SLIDEE sync factor. 0-1 floating point, where 1 = immediate, 0 = infinity.
  });
  $frame.sly('reload');
  </code></pre>
  
  <p>});</p>
  
  <p>But somehow Sly-Scroller doesn't work? Thanks for help!</p>