jquery UI可拖动：在容器内水平拖动溢出：滚动？

Posted 2023-05-08

【中文标题】jquery UI可拖动：在容器内水平拖动溢出：滚动？

【英文标题】：jquery UI draggable: horizontal dragging inside of container with overflow:scroll?

【发布时间】：2011-08-16 23:35:24

【问题描述】：

大家好， 我已经使用 jqueryUI 的可拖动函数来实现拖放行为。

这次我想知道是否可以轻松实现水平滚动条的拖动行为？

例如我有一个包含图像和段落的 div 容器。容器有overflow-x 滚动，所以会出现一个滚动条，让我水平滚动容器的所有内容。

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

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

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

【参考方案1】：

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

也许你看看http://plugins.jquery.com/project/ScrollTo 并在mowsedown 和mousemove 上使用scrollTo。