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

Question

在我的网页上，我有一个包含可排序 UL 的 div，每当我滚动到页面底部并拖动最后一个 LI 时，我的页面就会跳转并且滚动条（在整个窗口上）会增大。

这是一个 JSFiddle，几乎可以捕捉到我的问题：www.jsfiddle.net/u5afykpf。 要查看发生在我身上的事情，请滚动到底部并向下拖动最后一个元素。您将看到滚动条增长和移动。然而，在我的页面上，如果有更多的内容和高度，这会导致窗口发生明显的变化，这是不受欢迎的。如果您转到jqueryui draggable demo，降低窗口高度并拖动最后一个元素，您会发现他们不会发生这种行为。

有没有人有 jQuery UI 可拖动和 CSS 方面的经验，他们可以给我以阻止这种跳跃的发生？

我想做的一件事是给围绕 UL position: absolute 的 div 提供，但随后它超出了流程并且布局完全混乱了。

Answer 1

很久以前我偶然发现了这个问题。尝试将以下参数添加到 .draggable 函数中

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