Javascript draggable div不会触发滚动

Question

我有一个简单的Javascript拖动功能。你可以在这里看到它：

http://jsfiddle.net/XpAyA/12/

红色#dragger div是可拖动的。它嵌套在溢出滚动div中，但是当它超过限制时它不会触发“滚动”。可能是因为它定位于绝对位置。 有没有办法解决这个问题？当滚动超出限制时进行滚动？ 谢谢

Answer 1

首先，你必须给包含div position:relative。这样绝对定位的拖拉机就会停留在它的内部，并且无法越过它的边界。

我不确定为什么滚动不起作用，但是你有权在自己编写拖动函数的同时访问jQuery吗？ jQuery中有一个名为draggable的强大功能，可以完全满足您的需求。

Answer 2

这是滚动http://jsfiddle.net/vcJuF/1/

的版本

我删除了内部div，这似乎有所帮助。滚动条现在更新，我想你只需更新你的javascript就可以在你拖动时实际滚动div。