Javascript 拖动过程中，将项目保持在鼠标下方

实际上，我使用jQuery.draggable（）方法来拖动某些项

我的容器比我的窗口大，所以，我像往常一样在右边有一个滚动条。现在，如果我想从上到下拖动一个项目，我需要单击它，同时滚动鼠标

正如你在这里看到的：如果你拿着物品开始滚动，物品会停留在他的第一个位置，你需要移动鼠标将它带到那里

有没有一种方法可以在滚动时将项目保持在鼠标下方

示例html代码：

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

jQuery代码示例：

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

---

我建议您为当前拖动的项目提供一个类似active的css类

$(window).scroll(function(){
    $('.draggableItm').css({
        'top': ($(document).scrollTop() + $('.draggableItm').height())+'px'
    });

    $('.summary').text($(document).scrollTop()+'px');
});

---

这是一个错误。如中所述

你应该改变

if (!this.offset.scroll) {

借

---

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

如果你能想出如何捕捉到网格，你就能想出如何自动滚动：如果你把鼠标放在窗口下方，再向上，再向下，向上。。用它滚动（只需重复）

if (!this.offset.scroll) {

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