平滑滚动div水平按像素数量，没有滚动条

Question

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

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

我希望容器的宽度显示为窗口的100％，我也希望底部没有水平滚动条。如果它可以横向滚动，那将是伟大的，但它不是必须的。

这是我得到的： http://jsfiddle.net/696je/

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

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

Answer 1

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

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

我必须从此post

提供按键信用的javascript

Answer 2

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

这是一个jsFiddle实现，只有最少的包装器。