JQuery UI拖入可排序而不滚动

时间:2016-03-30 09:32:26

标签: javascript jquery html css jquery-ui

我正在尝试同时使用jquery ui draggablesortable,因为我可以将新项目从可拖动项中删除到可排序项中,并对可排序项中的项目进行排序。 包含sortable的div具有固定高度,如果项目太多,则设置为滚动。我的问题是,当我将一个新项目拖入可排序时,滚动不可用,就像我在可排序项目中移动项目一样。拖动时鼠标滚轮也会被禁用。

我的Fiddle

有什么方法可以在我拖动新内容时通过将新项目移动到div的底部或使用鼠标滚轮来启用div中的滚动?

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

您可以使用

  

scroll: true

查找方法

文档http://jqueryui.com/draggable/#scroll

  

当拖动移动到超出范围时自动滚动文档   视口。将scroll选项设置为true以启用自动滚动,   触发滚动时的微调和它的速度   scrollSensitivity和scrollSpeed选项。