Javascript JQuery UI可拖动不超过某个点水平滚动

各位好,

我在jQueryUI可拖动/可拖放设置中遇到了一个（可能相当简单）小故障

下面的小提琴显示：

• 左菜单用于新的可拖动分区（狗）背景可拖放区域 与

• 现有可拖动项目（红色方块）

• 大小为3000 x 2000，其父级设置为溢出：自动；
  • DOM id:#沙箱_空间
  • 它确实很好
  • 具有海滩背景，以便在滚动时更好地指示位置

问题：

拖动将狗向右拖动到可拖放的拖动空间（is#sandbox_space.ul）上，除非 我们首先向右滚动到大约75%

将狗向右拖动将导致撞到“边缘”。 因此，不可能将狗拖到该点之外。 试图通过100%向右滚动来实现这一点，结果是狗 被放在最左边

.draggable（）中的“包含”和“附加到”选项 对于狗，设置为#沙箱空间，这是完整的3000 x 2000像素

只有当水平滚动超过约75%时才会发生这种情况。 垂直滚动时不会发生这种情况

我知道这可能是Dragable/dropppable选项的问题 在JS或一个相当愚蠢的CSS不动产的问题，我不能在这一点上弄清楚

非常感谢你的建议。 非常感谢

function init_gearbrowser_draggables() {
    $("#gearbrowser_product_list div.product").draggable({
      start: function() {
        counts[0]++;
      },
      containment: '#sandbox_space',
      refreshPositions: true,
      helper: 'clone',
      appendTo: '#sandbox_space',
      zIndex: 12,
      delay: 200,
      scroll: false,
      scope: "sandbox_items",
      stop: function(event, ui) {
        sb_index_items();
      }

    });
  } // init_gearbrowser_draggables

// define drop space
  $('#dragspace').droppable({
    scope: "sandbox_items",
    accept: "div.product",
    tolerance: "fit",
    drop: function(event, ui) { //on drop
      //    alert("dropped");
      ui.draggable.attr("id", "sb_item");

      item_pos_top = ui.position.top;
      item_pos_left = ui.position.left;
      ui.draggable.css("top", item_pos_top);
      ui.draggable.css("left", item_pos_left);
      ui.draggable.detach().appendTo($(this));
    }
  });