Google Chrome 滚动条和 jQuery UI 可拖动插件

Question

首先举例：http://jsfiddle.net/Koviko/92PZZ/

在这里，我使用 jQuery UI 的draggable 插件来允许水平拖动容器。我还让第二个子元素包含一个滚动条。问题是不同的浏览器以不同的方式处理此滚动条的使用。我已经在 IE8 以及 Chrome 和 Firefox 的最新稳定版本中对其进行了测试。

对于期望的行为有两个测试用例：

1. 在滚动条上单击并按住鼠标并垂直移动，然后
2. 单击并按住滚动条的鼠标并水平移动。

第一个用例（垂直移动）：

IE8 和 Firefox：没有问题。

Chrome：释放鼠标按钮后，移动鼠标将导致容器随鼠标光标拖动。释放容器需要您将鼠标移出滚动条（在容器下方，容器外部），然后尝试拖动。

第二个用例（水平移动）：

IE8：水平拖动根本不会引起任何移动。

Firefox：水平拖动会导致容器移动。

Chrome：水平拖动会导致容器移动，并且与垂直滚动一样，释放鼠标按钮后不会释放拖动。以同样的方式清除。

---

所以，基本上，Chrome 的行为是问题。我会接受 Firefox 或 IE8 中的行为。有没有办法从 Chrome 强制执行这种行为？

Answer 1

这在这个小提琴中得到了证明：http://jsfiddle.net/FGXnR/

这个答案给出了解决方案：Using jQuery UI Draggable, how to avoid drag when using scrollbar?

基本上，使用handle: option 指定要拖动的特定事物。