Jquery 定制jquerryUI拖拽表

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

但是，我想让对象能够在窗口下方向上拖动，直到只有30个像素的对象可见。在这一点上，我希望它不允许再往下拖。所以，我希望至少30个像素的对象总是可见的，这样它仍然很容易拖回到视图中

---

是否可以使用插件在约束上定义此类型？如果可以，如何定义？

可拖动小部件有一个选项，可用于约束可拖动元素的限制。该选项可以接受一个值数组，因此类似这样的操作应该可以做到：

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

---

这是上面的一个例子。我从

document.height

中减去了

70

，因为示例中的可拖动元素是

100px

高。

这似乎是正确的原则，但在使用FF7的JSFIDLE中，我似乎可以无限期地向右/向下拖动。您必须寻找一种跨浏览器的方法来获得文档的宽度和高度。我的答案中的代码在Chrome上进行了测试，效果很好，但我不能100%确定如何在所有浏览器中不查找文档的宽度/高度。