Question

我希望使用jqueryUI的可拖动窗口小部件，但约束对象以便它被绑定到顶部，左侧和右侧的浏览器窗口。

但是，我想让对象能够在窗口下方向上拖动，直到对象只有30个像素可见。在那一点上，我希望它不允许再拖下来。因此，我希望对象的至少30个像素始终可见，因此仍然可以轻松地向上拖动到视图中。

是否可以使用插件在约束上定义此类型？如果是这样，它是如何完成的？

Answer 1

可拖动窗口小部件有一个containment选项，可用于约束可拖动拖动元素的限制。该选项可以采用一系列值，所以这样的事情应该可以解决这个问题：

$("#example").draggable({
   containment: [0, 0, document.width, document.height - 70]
});

以上是working example以上内容。我已从70中减去document.height，因为示例中的可拖动元素为100px高。