水平平滑滚动 div 像素量，没有滚动条答案

【问题标题】：Smooth scroll div horizontally by a pixel amount, no scrollbars水平平滑滚动 div 像素量，没有滚动条
【发布时间】：2012-09-26 03:37:16
【问题描述】：

我在容器 DIV 中有 10 个浮动 DIV，我希望能够使用按钮滚动它们。

我想使用左/右按钮使容器 DIV 水平滚动 300 像素以显示下一个浮动 DIV。

我希望容器的宽度显示为窗口的 100%，并且我还希望底部没有水平滚动条。如果它可以横向滚动，那就太好了，但它不是必须的。

我只是在寻找一个功能以及激活左/右按钮功能的方法。

我已经尝试了 Google 几个小时，我已经尝试了 Flesler 的 ScrollTo 但我没有任何运气，这可能与我设置宽度的方式有关，无论如何，谢谢你的帮助.

【问题讨论】：

我知道您说过您已经尝试了几个小时的谷歌搜索，并且您尝试了 ScrollTo 插件...但您没有向我们展示您尝试过的内容，因此它可能会建议您没有尝试过任何东西...我建议发布您尝试过的代码，然后我们可以尝试为您修复它，希望在此过程中帮助您更好地理解它。
tldr：请发布您尝试过的代码。

【解决方案1】：

可以混合使用CSS（display:inline-block 和white-space:nowrap）和jQuery（scrollLeft）

这是一个jsFiddle 实现，其中包含尽可能少的包装器。

【讨论】：

【解决方案2】：

您在 jsFiddle 中发布的代码让我有些困惑。你说你不想要水平滚动条，但你的东西是这样设置的。我选择了水平滚动条，因为这是您在代码中使用的。

我在这里jsFiddle 做了一个工作函数。要让它在框架中工作，您需要将焦点放在“结果”窗口中（只需单击任意位置），然后使用左右箭头。

我必须从这个post 给 javascript 按键功劳

【讨论】：