jQuery scrollLeft
<p>I was looking at the tutorial at <a href="http://jqueryfordesigners.com/jquery-infinite-carousel/" rel="nofollow">http://jqueryfordesigners.com/jquery-infinite-carousel/</a>. I tried creating something similar myself for understanding, it turned out to be more complex than I thought. How do I use scrollLeft?</p>

<p>I created a simple fiddle to test it <a href="http://jsfiddle.net/sryKu/2/" rel="nofollow">http://jsfiddle.net/sryKu/2/</a></p>

<pre><code>&lt;div id="carousel"&gt;
    &lt;div class="wrapper"&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Test Link 1&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Test Link 2&lt;/a&gt;&lt;/li&gt;
...
</code></pre>

<p>CSS</p>

<pre><code>#carousel .wrapper {
    position: relative;

ul {
    position: absolute;
</code></pre>

<p>JS</p>

<pre><code>$wrapper.scrollLeft(itemsPerPage * itemWidth);
</code></pre>

<p>But its not scrolling</p>
