2

我创建了一个非常简单的地图，我希望它是可拖动的。

这是代码：http: //jsfiddle.net/AeABp/

它有效，我可以随意移动地图。但是我希望它被锁定在“窗口”上，这样它被拖动时就不会出现空白，我希望你明白我的意思。我还查看了 jquery-ui 的概述，但没有找到我需要的任何东西。

4

3 回答 3

4

您需要将运动限制到一组坐标以使其正常工作。有点搞砸了，但是容器根据元素的左上角限制了元素。

$(function() {
    var con = $('#container');
    var cw = con.width( ), ch = con.height( );
    var map = $('#map');
    var mw = map.width( ), mh = map.height( );
    var x1 = -mw + cw, y1 = -mh + ch;
    map.draggable({containment:[x1,y1,0,0]});
});
于 2012-04-19T14:32:27.000 回答
1

查看http://jqueryui.com/demos/draggable/#constrain-movement这应该可以解决问题

于 2012-04-19T14:22:10.343 回答
0

有一个简单的方法来做到这一点（如果我理解得很好）：

$('#map').draggable({
    containment: 'window',
    scroll: false
});
于 2016-11-29T20:30:55.933 回答