自定义const jurerryUI可拖拽

Question

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

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

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

Answer 1

可拖动的小部件有一个containment选项，可用于限制拖动元素可以拖动的限制。该选项可以取的值的数组，所以这样的事情应该做的伎俩：

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

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