允许可拖动内容超出但不在Jquery的父边界内？

Question

我正在使用Jquery ui，它为我提供了一个可拖动内容的功能。它有一个选项'包含'，强制可拖动项目在框内移动。

但是，对于我的情况，内容（图像）必须超出屏幕，如何强制它不要在屏幕内拖动？

由于

$("#popup").draggable({
    addClasses:true,
    scrollSpeed: "200",
    containment: "parent",
    //appendTo: "body",
    helper: function(){
        // Create an invisible div as the helper. It will move and
        // follow the cursor as usual.
        return $('<div></div>').css('opacity',0);
    },
    drag: function(event, ui){
        // During dragging, animate the original object to
        // follow the invisible helper with custom easing.
        var p = ui.helper.position();
        $(this).stop().animate({
            top: p.top,
            left: p.left
        },1000,'easeOutCirc');
    }
});