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



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

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

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

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

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

我已经尝试了

几个小时的谷歌,我尝试了Flesler的ScrollTo,但我没有任何运气,这可能是我设置宽度的方式,无论如何,感谢您的帮助。

可以

混合使用CSSdisplay:inline-blockwhite-space:nowrap)和jQueryscrollLeft

这是一个具有最小包装器的 jsFiddle 实现。

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

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

我必须从这篇文章中给出按键的 javascript 信用

最新更新