谷歌Chrome的滚动条和jQuery用户界面的可拖动的插件

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指定一个具体的事情来拖动。