Javascript 使用jQuery UI Dragable时，如何避免使用滚动条时的拖动？

很久以前，我在应用程序中创建了一个对话框。该对话框非常简单，位置绝对，通过javascript在屏幕上居中

现在我已经向应用程序添加了jqueryui，但我不想仅仅因为jqueryui的对话框工作方式不同而使用它们。但我确实使用jQuery UI使对话框可拖动，因为它非常简单：

$('#dialog').draggable();

有一个问题，我的一些对话框有滚动条。
但是使用draggable方法，如果有滚动条，它会出错，因为它会拖拽对话框

使用滚动条时，有没有办法使对话框不拖动？
我注意到有一些方法可以避免拖动元素，但滚动条不是元素

多谢各位

---

EDIT:JSFiddle:

作为一种解决方法，您可以尝试使用，并且只通过不可滚动的部分拖动对话框。（标题或类似名称。）

---

@AlexFigueiredo指出的另一个解决方案只涉及处理大小调整和滚动，这似乎阻止了点击事件被发送到句柄。

您能对这种行为进行JSFIDLE处理吗？@AlexFigueiredo这是一种很好的方法，不需要标题栏。即使将其简化为：