水平和其他方向滚动答案

【问题标题】：Horizontal and other directional scroll水平和其他方向滚动
【发布时间】：2014-05-12 17:18:30
【问题描述】：

我正在尝试在中心 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..（所以当点击链接时它会向左滚动）

【问题讨论】：

你能否提供更多代码，帖子中的divs 没有移动任何地方。
是的，他们不会去任何地方，但我已经提供了我尝试和尝试的链接。我链接的 stackoverflow 线程是唯一接近我想要实现的尝试，但我无法让它在 chrome 上工作.. 它打破了
你的意思是像css中的溢出吗？
jsFiddle 上的“被阻止的内容”，以前从未见过......无论如何，请将您的代码添加到问题中，以便我们可以看到实际中断的内容。没有人愿意四处寻找你真正需要的东西。
被阻止的内容出现了，因为 chrome 破坏了代码并不断刷新，无论如何这是他编辑的小提琴，这似乎对我也有用，jsfiddle.net/gaby/en9sw/15

标签： javascript jquery css scroll

【解决方案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>

【讨论】：

谢谢，我很感激。但我想要实现的是家将是中心 div，所以家！ -- 左右链接..左滚动左..从右到右..
不客气...是的，您可以通过将主 div 居中来修改它并像这样加载它...并为您的左右链接创建自己的事件。
顺便说一句，你的意思是滚动centerdiv里面的内容还是滚动整个页面？
我对 Jquery 的了解不足以自定义代码。我真的很陌生。
整页.. 看到这个网站了吗？ steveandjacqs.com 它在中心主页 div 处打开。但它的左右和底部都有一个 div .. 我不知道他是如何做到这一点的