jQuery UI Sortable/Draggable引起窗口跳动问题

Question

jQuery UI Sortable/Draggable引起窗口跳动问题

jquerycssjquery-uijquery-ui-sortablejquery-ui-draggable

3

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

这里是一个几乎捕捉到我的问题的JSFiddle: www.jsfiddle.net/u5afykpf。要看到接近于我所遇到的情况，请向下滚动并拖动最后一个元素。您将看到滚动条增长和移动。然而，在我的页面上，由于有更多的内容和高度，这会导致窗口发生明显且不希望发生的移位。如果您转到jqueryui draggable demo，缩小窗口高度并拖动最后一个元素，您将看到他们没有发生这种行为。

有没有人有使用jQuery UI draggable和CSS建议的经验，可以给我一些建议，以防止发生这种跳跃？

我想做的一件事是给围绕UL的div position：absolute，但这样它就不在流中，布局就完全混乱了。

- Zach

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Artanis · Accepted Answer

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

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