javascript - 静态大小的外部元素，尤其是 .animate() 向右和向下

Question

我有一个解决这个问题的方法，但是我在玩弄 html/javascript (jquery) 时注意到了一些特殊的行为。

我注意到将元素向右和向下移动到包含元素的边界之外会调整包含元素的大小。例如，读者可以访问http://jqueryui.com/demos/draggable/。尝试将框拖动到包含框的右侧或下方。这种行为令人抓狂。

你怎么能禁用这个烦人的属性？我的大部分元素都是位置：相对的，因为按照它们的书写顺序放置它们根本不是很有用。这只是我注意到的一些事情，并且想要一些推理。

Answer 1

你可以试试containment：

将拖动限制在指定元素或区域的范围内。可能的字符串值：'parent'、'document'、'window'、[x1, y1, x2, y2]。

$( ".selector" ).draggable({ containment: "parent" });