如何通过可拖动对象滚动视口

时间:2012-05-24 16:12:45

标签: javascript jquery draggable viewport smooth-scrolling

我正在使用jQuery的可拖动功能。视口div是整个窗口大小。视口内有一个可拖动的容器div,它比视口本身大得多,让人感觉透过窗户看到容器的一小部分。容器包含也可拖动的对象div。

目前,我已正确拖动容器div,并且我还有正确拖动视口div的对象div。我遇到的问题是,如果对象div位于视口div边缘的特定像素范围内,我想“推”视口。

JQuery的可拖动函数有一个我一直试图在对象上使用的拖动事件。我可以让视口滚动但是,它需要鼠标始终保持对象移动以保持滚动。我希望对象在像素范围内,并能够不移动鼠标,但仍然滚动。我现在不知所措,因为我似乎无法找到任何真正符合我要求的解决方案。我将非常感谢任何帮助,并对此表示感谢。

要查看我正在做的事情的示例,请访问http://jsfiddle.net/trVZA/10/。拖动红色框时,黑色对象将拖动。我已经在对象的拖动事件上注释了我的代码,因为它会完全冻结浏览器但是,它可以让你看到我的错误。当物体靠近墙壁时,我希望背景水图像能够滚动。

0 个答案:

没有答案