JQuery Draggable Containment随机捕捉到另一个位置

Question

我结合了Jquery Draggable和一个名为＆＃39; Wheelzoom＆＃39;创建一个世界地图，您可以使用鼠标滚轮进行拖动和放大和缩小。它会很有效，直到你添加＆＃39;包含＆＃39;统治可拖动功能。当您单击并拖动以移动地图时，它会捕捉到另一个位置。

您可以在www.chriswickham.co.uk/draggable

查看

有人能提供解决方案吗？

HTML

<div class="mapcontainer">
    <img class="mapcontainer__map" id="draggable" src="img/world-  map.jpg"/>
</div>

CSS（SASS）

.mapcontainer{

    width:100%;
    min-width:1024px;
    height:100%;
    min-height:768px;
    background:yellow;
    overflow:hidden;
    cursor:move;

    img{
        width:100%; 
    }

}

JS

$(document).ready(function(){

        $("#draggable").draggable({ 
            containment:"parent",
            scroll:false,
            snap:false
        });

        wheelzoom(document.getElementsByClassName('mapcontainer__map'));

});