相对于绝对定位的容器的jQuery Draggable x,y约束

| 我有一张地图正试图使其可拖动,并且包含x,y坐标。我遇到的问题是这些坐标似乎基于窗口大小。 它可以完美地在1280x1024的窗口中工作,但是任何其他窗口大小都无法容纳该容器。我不愿意使用父容器,因为图像太大(1350x1700)。 我的代码看起来像这样 CSS:
    #mapcontainer {
    width:700px;
    height:500px;
    overflow:hidden;
    padding:0px;
    margin:-250px -350px;
    border:4px solid #ddd;
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
}
#map {
    position:relative;
    top:-400px;
    left:-200px;
    z-index:1;
}

#mapimg {
    position:relative;
    top:0px;
    left:0px;
}
的HTML
<div id=\"mapcontainer\">
    <div id=\"map\">
        <img src=\"map.jpg\" alt=\"\" id=\"mapimg\" onload=\"reveal();\" />
    </div>
</div>
JS
$(function() {
    $( \"#map\" ).draggable({containment: [-340,-1035,275,120]});
});
    
已邀请:

要回复问题请先登录注册