How to Use Arrow Keys to Navigate a Vertical Page <p>I have a webpage with photos on it. I would like the viewer to be able to use the arrow keys (up, down, left, right) to advance. Typically the down key scrolls about 10 pixels. I'd like the down key and the right key to advance to the next photo, or say, 1000 pixels. I'd like the up and the left key to do the same, but in reverse, so scroll back up the page those same 1000 pixels. I thought to assign each set of photos an anchor (#) tag, and have the page scroll to the next tag. I hardly know HTML, CSS, Javascript, and Jquery, so I'd need a patient response to help me solve this.</p> <p>The page I'm working with is <a href="http://pavelrozman.com" rel="nofollow">my personal site</a> and I'd like to apply this same type of keyboard navigation on all the pages on my site.</p>