jquery draggable导致屏幕向下滚动

Question

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

我现在有一个iframe。如果在iframe上单击了某些内容，它将替换主页面上div内的内容（ajax调用以更新主页面上的div）。这有效，但现在可拖动不起作用。

以下是iframe中php页面中的代码： http://pastebin.com/Qy70D3YH

注意：对iframe中的链接调用doa（）func onclick。

问题：除了“，parent.document”testabv（）之外，这是根/首页中函数调用的复制/粘贴。这不起作用。当我使用此代码并尝试拖动某些内容时，整个屏幕会向下滚动，同时在拖动时移动鼠标。

编辑：我不知道如何解决这个问题，因为即使它不滚动它似乎也没有调用droppable类....但我确实找到了一个解决方法....相反我的iframe代码现在正在调用我的root / top页面函数使它在成功事件中可拖动：window.parent.taskDraggable（）;换句话说，一直有效的top / root函数现在正在完成所有工作，而不是试图让它在iframe中工作。

Answer 1

有几种方法可以解决这个问题

1. 尝试将包含overflow: hidden的类添加到正文中，并在拖动时切换。

2. 禁用与滚动相关的事件。这是一个JSBin示例：http://jsbin.com/disable-scrolling/1

Answer 2

将elem滚动设置为false

$(elem).draggable({

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

        });