javascript - 在拖动过程中将元素保持在鼠标下方

Question

我实际上使用 jQuery .draggable() 方法来拖动一些元素。

我的容器比我的窗口大，所以，像往常一样，我在右侧有一个滚动条。现在，如果我想将一个元素从顶部拖到底部，我需要单击它并同时滚动鼠标。

如您所见:http://jsfiddle.net/YLer3/如果你拿起元素并开始滚动，元素停留在他的第一个位置，你需要移动鼠标将它带到它。

有一种方法可以在滚动时将元素保持在鼠标下方吗？

示例 html 代码:

<div class="container">
    <div class="draggableItm">
</div>

示例 CSS 代码:

.container{
    height:1650px;
}
 .draggableItm{
    background-color:red;
    width: 100px;
    height:100px;
    border:1px solid black;
}

示例 jQuery 代码:

$('.draggableItm').draggable({
    grid:[20,20]
});

Answer 1

这是一个错误。如 http://bugs.jqueryui.com/ticket/9379 中所述

你应该改变

if (!this.offset.scroll) {

通过

if (!this.offset.scroll || scroll.scrollTop() != this.offset.scroll.top || scroll.scrollLeft() != this.offset.scroll.left) {

在 jquery.ui.draggable.js 中的 _convertPositionTo 和 _generatePosition 的实现中。