Javascript jquery可拖动,导致屏幕向下滚动
这是我的设置:我在主页上有一个带有链接的div,它们是可拖动的。这很有效 我现在有一个iframe。如果在iframe上单击了某个内容,它将替换主页上div中的内容,并调用ajax更新主页上的div。这是可行的,但现在draggable不起作用 以下是iframe中php页面中的代码: 注意:对于iframe中的链接,doa func被称为onclick 问题:另外,parent.document testabv这是根/顶页中函数调用的复制/粘贴。这是行不通的。当我使用这段代码并尝试拖动某些东西时,整个屏幕会随着鼠标的移动而向下滚动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这是根/顶页中函数调用的复制/粘贴。这是行不通的。当我使用这段代码并尝试拖动某些东
编辑:我不知道如何修复这个问题,因为即使它不滚动,它似乎也不会调用可拖放类。。。。但我确实找到了解决办法。。。。相反,我的iframe代码现在调用我的根/顶页函数,使其在成功事件中可拖动:window.parent.taskDraggable;因此,换句话说,一直有效的top/root函数现在正在完成所有工作,而不是试图使其在iframe中工作。有几种方法可以实现这一点 尝试添加一个在主体中具有overflow:hidden的类,并在拖动时进行切换 禁用滚动相关事件。下面是一个JSBin示例:
将元素滚动设置为false
$(elem).draggable({
helper: "clone",
revert: 'invalid',
scroll: false,
scrollSensitivity: 100,
scrollSpeed: 50,
});
请使用