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

时间:2015-08-11 19:40:31

标签: jquery css jquery-ui jquery-ui-sortable jquery-ui-draggable

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

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

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

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

1 个答案:

答案 0 :(得分:2)

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

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