0

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

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

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

这就是我所拥有的:http: //jsfiddle.net/696je/

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

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

4

2 回答 2

0

可以混合CSS(display:inline-blockwhite-space:nowrap) 和jQuery( scrollLeft)

这是一个带有最少可能包装器的jsFiddle实现。

于 2012-09-26T06:28:29.833 回答
0

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

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

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

于 2012-09-26T05:57:36.313 回答