编程语言
首页 > 编程语言> > javascript – 实现自动滚动后奇怪的可拖动行为

javascript – 实现自动滚动后奇怪的可拖动行为

作者:互联网

我使用jQuery UI draggable widget实现了拖放.

我现在正在拖动操作期间实现自动滚动.我进行了设置,以便在您开始拖动时,灰色叠加层会出现在浏览器窗口的顶部和底部.当您拖入其中一个叠加层时,浏览器窗口将开始自动滚动.

您可以在http://www.softcircuits.com/Client/scrolltest.html看到我的测试页.通过拖动左侧的一个十字准线图标来拖动项目.

但是有一个问题:如果您滚动到页面底部,然后将项目拖到顶部叠加层,它将按预期向上滚动.然而,对我来说,我大约在页面的一半,可拖动的助手不会更高.我无法一直拖到页面顶部.

这很可能与Draggable小部件有关.有人能够看出为什么会这样吗?我在Windows 7上使用谷歌浏览器.

解决方法:

将可拖动的包含选项从窗口更改为文档为我工作.

$('.drag-handle').draggable({ 
    ...
    containment: "document",
    ...
});

见:http://docs.jquery.com/UI/Draggable#option-containment

标签:jquery,javascript,jquery-ui,jquery-ui-draggable
来源: https://codeday.me/bug/20190625/1286458.html