相对于绝对定位的容器的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]});
});
没有找到相关结果
已邀请:
0 个回复