Javascript jquery可拖动,导致屏幕向下滚动

Javascript jquery可拖动,导致屏幕向下滚动,javascript,jquery,ajax,draggable,Javascript,Jquery,Ajax,Draggable,这是我的设置:我在主页上有一个带有链接的div,它们是可拖动的。这很有效 我现在有一个iframe。如果在iframe上单击了某个内容,它将替换主页上div中的内容,并调用ajax更新主页上的div。这是可行的,但现在draggable不起作用 以下是iframe中php页面中的代码: 注意:对于iframe中的链接,doa func被称为onclick 问题:另外,parent.document testabv这是根/顶页中函数调用的复制/粘贴。这是行不通的。当我使用这段代码并尝试拖动某些东

这是我的设置:我在主页上有一个带有链接的div,它们是可拖动的。这很有效

我现在有一个iframe。如果在iframe上单击了某个内容,它将替换主页上div中的内容,并调用ajax更新主页上的div。这是可行的,但现在draggable不起作用

以下是iframe中php页面中的代码:

注意:对于iframe中的链接,doa func被称为onclick

问题:另外,parent.document testabv这是根/顶页中函数调用的复制/粘贴。这是行不通的。当我使用这段代码并尝试拖动某些东西时,整个屏幕会随着鼠标的移动而向下滚动


编辑:我不知道如何修复这个问题,因为即使它不滚动,它似乎也不会调用可拖放类。。。。但我确实找到了解决办法。。。。相反,我的iframe代码现在调用我的根/顶页函数,使其在成功事件中可拖动:window.parent.taskDraggable;因此,换句话说,一直有效的top/root函数现在正在完成所有工作,而不是试图使其在iframe中工作。

有几种方法可以实现这一点

尝试添加一个在主体中具有overflow:hidden的类,并在拖动时进行切换

禁用滚动相关事件。下面是一个JSBin示例:


将元素滚动设置为false

$(elem).draggable({

            helper: "clone",
            revert: 'invalid',
            scroll: false,
            scrollSensitivity: 100,
            scrollSpeed: 50,

        });
请使用