jQuery UI Sortable/Draggable 导致窗口跳转

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'
});