JqueryUI sortable因滚动而失败

我在我的应用程序中使用jqueryUI sortable所以我有以下问题:

的jsfiddle

当您点击滚动条sortable项目时,您可以在此小提琴上看到,并且无法删除它。

我想要做的是在滚动时阻止拖动元素。 我刚刚做的是搜索可排序元素的事件,并尝试阻止滚动但这不能按我的意愿工作。

任何帮助,将不胜感激。

您可以创建一个宽度和高度为100%的内部div,您可以将其定义为手柄。 这样,元素仍然可以拖动但不在滚动条上。 它没有禁止滚动元素按照您的要求进行拖动,但我希望它可以帮助您。

更新小提琴

HTML:

 

JS:

 $("#foo").sortable({handle: '.innerBar'}); 

CSS:

 #foo div.bar { width: 100px; height:100px; float: left; background: red; margin: 10px; } #bar { height: 200px; overflow-y: scroll; } .innerBar { width: 100%; height: 100%; }