title: How to make horizontal navigation with localscroll.js
body: <p>I would like to do an horizontal navigation on my portfolio with local scroll.
  This is a gallery of differents pictures.</p>
  
  <p>So i have a (div id="project") with links like that:</p>
  
  <pre><code>&lt;div id="projects"&gt;
  
      &lt;ul id="content-slider-inside"&gt; 
          &lt;li id="one" class="pictures"&gt;&lt;img src="images/paulotlet1.JPG"     alt="paulotlet1" width="620" height="415" /&gt;&lt;/li&gt; 
          &lt;li id="two" class="pictures"&gt;&lt;img src="images/paulotlet1.JPG" alt="paulotlet1" width="620" height="415" /&gt;&lt;/li&gt; 
          &lt;li id="three" class="pictures"&gt;&lt;img src="images/paulotlet1.JPG" alt="paulotlet1" width="620" height="415" /&gt;&lt;/li&gt; 
          &lt;li id="four" class="pictures"&gt;&lt;img src="images/paulotlet1.JPG" alt="paulotlet1" width="620" height="415" /&gt;&lt;/li&gt; 
          &lt;li id="five" class="pictures"&gt;&lt;img src="images/paulotlet1.JPG" alt="paulotlet1" width="620" height="415" /&gt;&lt;/li&gt; 
  
  
  &lt;/div&gt; &lt;!-- END PROJECTS --&gt;
  </code></pre>
  
  <p>i would like to do an animation when you click on a little arrow or on a key of the keboard the scroll goes to the next (li class='pictures') of the (div id="projects")</p>
  
  <p>Thanks a lot</p>