javascript - jQuery 用户界面 : Y Mouse coords wrong when dropping a draggable object

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

根据触发此事件时鼠标所在的位置，客户端似乎不正确。 ???

Answer 1

这就是解决方案。

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