javascript - jQuery UI：放置可拖动对象时 Y 鼠标坐标错误

Question

我的目标是最终将以下 css 设置为删除的对象：

position: relative; 
top: topOffset; 
left: leftOffset;

但是虽然 leftOffset 看起来不错，但 topOffset 却不是。

注意：这是在将可拖动的 div 放入可放置的 div 时。（jQuery 用户界面）

$('.paginationPage').droppable({
    drop:function(event, ui) {
        offset = $(this).offset();
        leftOffset = event.clientX - offset.left;
        topOffset = event.clientY - offset.top;

       console.log("event clientX: " + event.clientX + " offset.left: " + offset.left);
       console.log("event clientY: " + event.clientY + " offset.top: " + offset.top);
       console.log(leftOffset + ',' + topOffset);
    }
});

console.log 显示：

event clientX: 684 offset.left: 660
event clientY: 205 offset.top: 954.5166625976562
24,-749.5166625976562

根据触发时我的鼠标所在的位置，clientY 似乎不正确。？？？

Answer 1

这就是解决方案。

                    offset = $(this).offset();
                    leftOffset = event.clientX - offset.left;
                    topOffset = event.clientY - offset.top + $(document).scrollTop();