Html 要显示正在滚动的拖动容器div吗

我想将我的

从一个容器拖到另一个容器。但是在这种情况下，每当我拖动我的

div

时，滚动就完成了&拖动的

div

被拖动到容器本身内部

我的HTML代码如下：

<fieldset class="span4">
    <legend>Builder</legend>
    <div class="builder scrollspy-example" id="builderBox" data-spy="scroll" style="height: 600px;" data-bind="foreach:items">
        <div class='media draggable alert alert-block fade in' data-bind="attr:{'data-id':ID}">
            <button type='button' class='close' data-dismiss='alert'>×</button>
            <div class='row'>
                <legend><h4 class='media-heading' data-bind="text:Title" style='margin-left: 30px;'></h4></legend>
            </div>
            <div class="row" style="margin-left: 5px;">
                <div class='pull-left'>
                    <img class='media-object' data-bind="attr:{src:'http://images.vidzapper.com/'+ImageUrl+'?w=60&h=60'}" style='width: 60px; height: 60px;' />
                </div>
            </div>
        </div>
</fieldset>
<fieldset class="span4">
    <legend>Organizer</legend>
    <div class="Organizer  scrollspy-example" id="drop" data-spy="scroll" style="height: 600px;">
    </div>
</fieldset> 

---

我应该使用什么来显示容器上的拖动？

我通过JSFIDLE运行了您的代码，但发现它当前不起作用。你的意思是让你的拖拽div在拖拽到其半径时捕捉到父div上吗？是的，我可以拖拽，但拖拽时不显示拖拽到div上。它显示拖拽只在当前的div内完成。你能检查一下吗，如果有什么原因，请联系我，满足你的要求？此外，这里是我正在谈论的jsfiddle。我找到了答案&Thanx，供您在@kevinisnowline上发表评论。我只需要创建一个容器div&在编写draggable（）时，我必须将它写成，--------------------------------------------------------------$（“.draggable”）.draggable（{cursor:“crosshair”，不透明：0.7，revert:“invalid”，helper:“clone”，appendTo:“div#Container'}）；

$("#drop").droppable({
    accept: ".draggable",
    drop: function (event, ui) {
        console.log("drop");
        var dropped = ui.draggable;
        var droppedOn = $(this);
        $(dropped).detach().css({ top: 0, left: 0 }).appendTo(droppedOn);
    }
});
$("#drop").sortable();