水平和其他方向滚动

时间:2014-05-12 17:18:30

标签: javascript jquery css scroll

我正在尝试使用中心div上的主要内容实现水平滚动,但链接会左右移动。

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

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

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

我发现stackoverflow是一种谈论同样的事情,但使用他们的解决方案并没有帮助我。也是在2012年。我希望我们现在有更好的方法来做到这一点。 Horizontal scrolling layout LEFT/RIGHT: jQuery/CSS quiz

我可能希望实现的效果与之相同 http://steveandjacqs.com/

对此有任何指导吗? http://jsfiddle.net/gaby/en9sw/15/

编辑:

我基本上希望网站在#home上打开,当我点击指向它的链接时转到#left ..(所以当点击链接时它会向左滚动)

1 个答案:

答案 0 :(得分:1)

我为你制作了这个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>