Horizontal and other directional scroll

Question

I am trying to achieve a horizontal scroll with the main content on a center div, but the links go left and right.

<div id="left">
Scrolls left
</div>

<div id="home">
Opens on this
</div>

<div id="right">
Scrolls right
</div>

I found a stackoverflow that is kind of talking about the same thing, but using their solutions isnt helping me. Also it was in 2012. I am hoping that we have better methods to do it now. Horizontal scrolling layout LEFT/RIGHT: jQuery/CSS quiz

The effect I would probably want to achieve would be the same as http://steveandjacqs.com/

Is there any guidance on this? http://jsfiddle.net/gaby/en9sw/15/

EDIT:

I basically want the website to open on #home and go to #left when i hit a link that directs to it..(so it will scroll left when the link is clicked)

Answer 1

I made this one for you http://jsfiddle.net/medda86/YbW92/

html

<div class="left">Scrolls left</div>
<div class="right">Scrolls right</div>

<div class="content">
    <div class="page">test1</div>
    <div class="page">Home opens on this</div>
    <div class="page">test3</div>
</div>