jQuery UI，可拖动的子div比父更大

Question

我查看过几篇文章，并尝试了所有提出的方法，并且还没有找到解决方案。

我正在尝试创建一个可拖动的贴图，但当它自己的边缘遇到父边缘的边缘时将停止。孩子比父母大，所以我尝试了所有不同类型的方法来解决这个问题，但还没有找到解决方案。

下面的示例显示了一个示例，其中黑色边框内不应有任何空白。我尝试过几种不同的遏制方法，但还没有弄清楚它的数学原理。

例子：http://jsfiddle.net/LQtCY/3/

感谢

Answer 1

具有u试过吗？

var parentPos = $('.mapshell').offset(); 
var childPos = $('.mapcontent_1').offset(); 

$(".mapcontent_1").draggable({ 
    drag: function(event, ui) { 
     if (ui.position.top > parentPos.top) { 
      ui.position.top = parentPos.top; 
     } 
     if (ui.position.left > parentPos.left) { 
      ui.position.left = parentPos.left; 
     } 
    }, 

    scroll: false 
}); 

http://jsfiddle.net/LQtCY/6/