jQueryUI draggable元素丢失了包含

Question

我有一个代表所有窗口的小缩略图。您可以移动div#maquetaPant，窗口应该在移动小方块的同时滚动。

更容易如果你尝试：

http://www.noteboardapp.com/boarddemo

拖动右上方迷你地图上的小方块。

代码在这里。如果我把功能＆＃34; dragMaqueta＆＃34;在停止事件中，它运作良好。但是我希望它在拖动事件中在拖动方块的同时滚动窗口。但是，如果你尝试过，你会发现它并不起作用。似乎window.scrollTo(scrollX,scrollY)将方块移到容器外面。

    <div id="canvasDiv">
        <canvas id="canvas" width="125" height="100"></canvas>
        <div id="maquetaPant"></div>
    </div>

#maquetaPant
{
    position: absolute;
}

$("#maquetaPant").draggable({containment: '#canvasDiv',drag: dragMaqueta});

function dragMaqueta(evt,ui)
{
   var scrollX =  parseInt(ui.position.left / $('#canvasDiv').width() * $('.Postits').width());
   var scrollY =  parseInt(ui.position.top / $('#canvasDiv').height() * $('.Postits').height());
    window.scrollTo(scrollX,scrollY);
}

你知道怎么解决吗？

谢谢！