Javascript Mozilla/chrome/JQuery可拖动图像不在鼠标位置

我正忙于一个网页，其中一个图像可以在另一个元素中拖放

在chrome上，一切都很完美，图像可以拖动到整个屏幕上

在Firefox上，图像X轴完全位于鼠标下方，但Y轴不在鼠标下方。
它不知怎的停在了一个“看不见的”边界上。顶级款式不会高于-31。因此将无法在整个屏幕上进行拖放。仅在屏幕顶部（约50像素高）

我使用Jquery方法

$(".class").draggable({
    helper: "clone", 
    revert: false,
    containment: "body",
    scroll: false
});

及

为了确定鼠标的位置，我使用以下代码：

        var offsetTop = $XXXX.offset().top;
        var offsetLeft = $XXXX.offset().left;

我还尝试使用.offset（）.bottom，但结果完全相同。 我也尝试过使用

$(window).load(function ($) {

而不是：

$(document).ready(function ($) {

但这使得整个可拖动元素不再可拖动。（在chrome和firefox上）

---

我还使用了方法：.offsetTop而不是offset（）.top，但这并没有改变任何东西。与以前相同的问题。

解决方案是：draggable方法有以下选项：包含：“Body”。这是错误的，应该是错误的

因此，最终代码：

$(".class").draggable({
    helper: "clone", // use a clone for the visual effect
    revert: false,
    containment: false,
    scroll: false
});

$(".class").draggable({
    helper: "clone", // use a clone for the visual effect
    revert: false,
    containment: false,
    scroll: false
});