Javascript 谷歌浏览器&x27；s滚动条和jQuery UI'；s可拖动插件

首先，这个例子：

在这里，我使用jQueryUI的

draggable

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

对于所需的行为，有两个测试用例：

在滚动条上单击并按住鼠标并垂直移动，以及

单击并按住滚动条的鼠标并水平移动

第一个用例（垂直移动）： IE8和Firefox：没有问题

Chrome：一旦松开鼠标按钮，移动鼠标将导致容器与鼠标光标一起拖动。释放容器需要将鼠标从滚动条上移开（在容器下方，容器外部），然后尝试拖动

第二个用例（水平移动）： IE8：水平拖动将不会导致任何移动

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

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

---

---

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

这在这把小提琴中得到了演示：

答案如下：

基本上，使用指定要拖动的特定对象