可拖动的容器滚动移到左边或顶部

Question

当拖出其边界时，是否有一种使容器div扩展到左侧和顶部的好方法？

当您向右或向下拖动时，容器div将正确扩展，并在需要时显示滚动条。然而，移动到左侧或顶部意味着可拖放的项具有负的上/左位置，因此容器不会展开。

这里有一个小提琴，它演示了现有的拖放行为：http://jsfiddle.net/NPC42/Un23w/1/，但这也可以在官方的jQueryUI演示(http://jqueryui.com/demos/draggable/#default)上看到。

我也希望能够扩展到顶部/左边:)

一种蛮力的办法是：

dragged).

• Change

• 将容器div上的所有对象的位置重置为不需要负的上/左位置(包括对象为，滚动位置)，以使对象看起来好像仍在它们的位置上。

但是对于容器中的许多对象来说，这可能会导致大量的闪烁，甚至减速，所以我真的不想往那个方向走。欢迎任何建议！

Answer 1

问题是每个html元素在左上角都有一个绝对(0,0)原点坐标。当你向那个方向拖曳时，可拖动的坐标变成负值。然而，滚动条不能变成负值，它们的大小只能朝正方向增长。

我可以想象一个自定义滚动条小部件，当您拖动到(0,0)以下时，它可以向负方向调整。另外，尝试让一个容器在另一个容器内部移动，这样它里面的所有对象都不必单独移动。我不知道有任何存在，因为它会有点奇怪，有一个负面的滚动偏移。