Javascript 按像素量水平平滑滚动div，无滚动条

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

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

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

以下是我得到的：

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

---

我试了几个小时谷歌，我试了弗莱斯勒的ScrollTo，但我没有任何运气，这可能与我设置宽度的方式有关，无论如何，谢谢你的帮助

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

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

---

我必须从这个中给按键的javascript评分，它可以混合使用

CSS

（

display:inline block

和

white space:nowrap

）和

jQuery

（

scrollLeft

）

---

这是一个尽可能少的包装器的实现。

我知道你说你已经用谷歌搜索了几个小时，你还尝试了ScrollTo插件。。。但你还没有向我们展示你尝试过的东西，因此可以说你什么都没试过。。。我建议发布您尝试过的代码，然后我们可以尝试为您修复它，希望能帮助您在过程中更好地理解它。tldr：请发布您尝试过的代码。这很好，只有一个怪癖：里面的内容（文本）。item div超出了边界，有什么办法修复它吗？没关系，我添加了其他空白标记。还有一件事：我可以用标签激活函数吗？是的，你可以在标签上激活函数，但记住使用preventDefault防止事件发生，否则你的页面可能会重新加载