javascript - jQuery ui 对话框拖动问题

Question

我在我们的一款产品中使用了 jQuery ui (jquery-ui-1.10.3) 对话框插件，并发现了一个可能的“问题”: 当托管页面较小或托管页面的当前 View 滚动到顶部时，拖动打开的对话框的行为符合预期。当在大页面中托管对话框并滚动到非顶部的某个位置时，问题开始显现，在这种情况下，对话框在拖动过程中开始跳转。 IE 9 和最新的 Firefox (21.0) 都会发生这种情况。

页面是动态生成的、复杂且必须很长。我不熟悉 fiddle ，但它似乎没有我可以使用的 jQuery-ui lib 选项。

更具体地说，我发现如果我将托管页面向下滚动 100px(因此托管页面的顶部 100px 会“馈送到”浏览器窗口的顶部边框)，那么当我拖动对话框时，而不是跟随鼠标，它会向下跳 100px，使其脱离鼠标捕获。

对话框初始化为

$(element).dialog({ 
    autoOpen: false, width: 950, height: 820, 
    modal: false, resizable: true, draggable: true
});

我的问题是:1)其他人有同样的问题吗？ 2)如果是这样，这是设置问题还是错误。

这里有专家可以帮助我吗？

Answer 1

我以前也遇到过同样的问题，页面上的内容是自动生成的。很长。

html, body {position:relative} 解决了问题。