title: Use Arrow Keys to Step Through Anchors on a Horizontal Scrolling Website
body: <p>I have a page with a set of images, each with a unique ID ("Main-1", "Main-2" etc) contained in a <code>white-space:nowrap div</code>, so the page scrolls horizontally.</p>
  
  <p>I would like a way of cycling through these images using the left and right arrow keys (preferably using a scroll animation, I am currently using <code>scrollTo()</code> in the currently existing straightforward navigation links).</p>
  
  <p>I have found this for vertically-scrolling websites, but can't seem to find a horizontal equivalent (and my JS isn't great, so my attempts to convert the vertical code to my horizontally scrolling page has failed miserably!).</p>
  
  <p>This JFiddle does exactly what I want, but for a vertically scrolling site: <a href="http://jsfiddle.net/aVvQF/4/" rel="nofollow">http://jsfiddle.net/aVvQF/4/</a> ..... can anyone help me convert this to use with horizontal scrolling?</p>
  
  <p>Thanks !</p>