title: How Can I Use the Keyboard to Scroll Photos
body: <p>I have a small photography portfolio site that I use to share pictures with my relatives. The photos are laid out every 1000px or so in a vertical scrolling page. An example is here: <a href="http://pavelrozman.com/photo/events/jamison/" rel="nofollow">http://pavelrozman.com/photo/events/jamison/</a> . Right now I have a small Javascript that lets you scroll 800px with the arrow keys. This is okay, but it's inconsistent because of varying image heights. I read an article on The Verge, and it has exactly what I'm looking for but I have no idea how to implement it because I know nothing about Javascript/jQuery. The article is here <a href="http://www.theverge.com/2013/7/29/4560214/point-and-shoot-perfection-an-evening-with-sonys-rx100m2" rel="nofollow">http://www.theverge.com/2013/7/29/4560214/point-and-shoot-perfection-an-evening-with-sonys-rx100m2</a> and I'd like to copy the "Use 'd' and 's' to scroll" feature where it scrolls to the top of the next or previous image, but use the arrow keys instead of 's' and 'd' if possible.
  Thanks in advanced.</p>