jQuery UI,可拖动的子div大于父级

Question

我查看了几篇文章,并尝试了所有提出的方法,但尚未发现任何解决方案.

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

下面的示例显示了一个示例,其中黑色边框内不应有任何空白区域.我尝试过几种不同口味的遏制,但还没有想出它的数学.

示例:http://jsfiddle.net/LQtCY/3/

谢谢

Answer 1

你试过这个吗？

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/