jquery UI draggable:水平拖动容器内溢溢:滚动?

时间:2011-05-02 13:08:00

标签: jquery jquery-ui draggable jquery-ui-draggable

嘿伙计们, 我已经使用了jqueryUI draggable函数来实现拖放行为。

这次我想知道是否可以轻松地将拖动行为实现到水平滚动条?

E.g。我有一个带有图像和段落的div容器。容器有overflow-x滚动,因此会出现一个滚动条,让我水平滚动容器的所有内容。

是否可以实现拖动行为,因此当我单击图像时,我可以在容器的边界内水平拖动容器的整个内部内容。

听起来很复杂我知道:)但我的计划实际上非常简单。 看看这个例子:http://jsfiddle.net/TT9hq/2/

我只是想能够拖动每个水平滚动条容器内的内容,就像我使用滚动条本身一样。

1 个答案:

答案 0 :(得分:2)

您不会真正拖动内容,因为内容保留在父容器(div)中的位置。您只需设置容器div的滚动位置。

您可能需要查看http://plugins.jquery.com/project/ScrollTo并在mowsedown和mousemove上使用scrollTo。