jQuery scrollRight?
<p>I have the following code that seems to scroll a div on click all the way to the left. </p>

<pre><code>$(".leftArrow").click(function () { 
  $(".innerWrapper").animate({scrollLeft: 250}, 800);
});
</code></pre>

<p>I am wondering:</p>

<p>1- If there is a way to get it to get it to scroll only 200px at a time. </p>

<p>2- If I can get it to scroll to the right as well. Tried to look at the jQuery documentations but could not find a scrollToRight function.</p>

<p>Here is my html</p>

<pre><code>&lt;input type='button' class='leftArrow' value='left'&gt;
&lt;input type='button' class='rightArrow' value='right'&gt;

&lt;div class='outerWrapper'&gt;
   &lt;div class='innerWrapper'&gt;
         // some content
   &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>and here is my css</p>

<pre><code>    .innerWrapper
    {
        float: left;
        margin-right:-32767px;
    }
    .outerWrapper
    {
        width: 780px;
        height: 180px;
        overflow: hidden;
    }
</code></pre>

<p>Any help would be greatly appreciated.</p>
