jQuery UI可排序/可拖动导致窗口跳转

在我的网页上,我有一个包含可排序UL的div,每当我滚动到页面底部并拖动最后一个LI我的页面跳转并且滚动条(在整个窗口上)增长。

这是一个几乎捕捉到我的问题的JSFiddle : www.jsfiddle.net/u5afykpf 。 要查看与我发生的事情相近的事情,请滚动到底部并向下拖动最后一个元素。 您将看到滚动条增长和移动。 然而,在我的页面上,如果有更多的内容和高度,这会导致窗口的移动,这显然是明显的和不希望的。 如果你去jqueryui draggable演示 ,减少窗口高度并拖动最后一个元素,你会发现它们不会发生这种情况。

有没有人有jQuery UI可拖动和CSS建议的经验,他们可以让我阻止这种跳跃发生?

我想做的一件事就是给出围绕UL position: absolute的div position: absolute但是它不在流程中,布局完全搞砸了。

我很久以前就遇到过这个问题。 尝试将以下参数添加到.draggable函数中

 $('.selector').draggable({ appendTo: 'body', containment: 'window', scroll: false, helper: 'clone' });