从父元素拖动子元素

Question

是否有可能从父元素拖动子元素而没有父元素溢出？，就像我想从父元素创建一个拖放事件但它仍然溢出，如果它不可能？我还能做什么？

当前示例代码：

 <div id="parent">
   <div id = "child">Drag me out from parent!</div>
 </div>



 <script>

  $("#child").draggable();

 </script>

我尝试了不同的修改，但它不能很好地工作，我期待着这一点，谢谢！

Answer 1

也许你可以创建自己的可拖动

$('#child').on('mousedown',function(){
    $('child').css('position','fixed');
    var evt=setInterval(followMouse, 50);

    $('child').on('mouseup',function(){
        clearInterval(evt);
        $('child').off('mouseup');
    });
});

function followMouse(){
    // mousePosX & Y must be a string ex: 345px
    $('child').css('left',mousePosX
    'top',mousePosY
    );
}