我正在使用 jQuery 的可拖动功能。视口 div 是整个窗口的大小。视口中有一个可拖动的容器 div，它比视口本身大得多，给人一种透过窗口看容器的小部分的感觉。容器包含对象 div，它们也是可拖动的。
目前，我让容器 div 正确拖动，并且对象 div 也可以在视口 div 周围正确拖动。我遇到的问题是，如果对象 div 位于视口 div 边缘的特定像素范围内，我想“推动”视口。
JQuery 的可拖动函数有一个拖动事件，我一直试图在对象上使用它。我可以让视口滚动，但它需要鼠标始终保持对象移动以保持滚动。我希望对象在像素范围内并且不能移动鼠标但仍然滚动。我目前不知所措，因为我似乎找不到任何真正符合我要求的解决方案。任何帮助将不胜感激，并以我的感激之情回报。
要查看我在做什么的示例，请访问http://jsfiddle.net/trVZA/10/。当拖动红色框时，黑色物体会四处拖动。我已经在对象的拖动事件中注释掉了我的代码，因为它会完全冻结浏览器，但是你可以看到我的错误。当对象靠近墙壁时，我希望背景水图像滚动。