jQuery UI 的 Draggable 和页面滚动

Question

我注意到，当我使用 jQuery UI 的可拖动功能时，我必须将元素向上/向下拖动到页面上，以强制滚动。被拖动的元素的跳跃速度似乎是鼠标光标的两倍。这会导致非常不稳定的行为，并且几乎无法使用。

可以在此处找到我的意思的示例。

http://tinyurl.com/ae6g5qe

我什至在 jQuery UI 网站上的示例代码中得到了这种行为。

http://jqueryui.com/draggable/#scroll

我猜测它同时使用鼠标移动和窗口滚动来增加元素的移动(所以是两倍)。我即将深入研究 jQuery UI 的代码，看看是否能找到任何东西，但我很好奇是否有其他人经历过这种情况，还是只有我经历过这种情况？另外，如果有人有的话 - 你是否以某种方式解决了这个问题？

Answer 1

这似乎是 open bug在 jQuery UI 1.8+ 中。您可以看到，如果您使用 jQuery UI 1.7 版，则行为明显更好。

基于 jQuery UI 的可拖动演示的示例:

HTML

<div id="draggable" class="ui-widget-content">
    <p>Scroll set to true, default settings</p>
</div>
<div style="height: 5000px; width: 1px;"></div>

JS

$(function () {
    $("#draggable").draggable({
        scroll: true
    });
});

jsfiddle (使用 jQuery 1.7.2 和 jQuery UI 1.7.3)