Google Chrome中的jQuery UI对话框阻止窗口滚动条[关闭]答案

【问题标题】：jQuery UI dialog blocking window scroll bar in Google Chrome [closed]Google Chrome中的jQuery UI对话框阻止窗口滚动条[关闭]
【发布时间】：2011-11-25 10:23:34
【问题描述】：

我在使用 jQuery UI 对话框时遇到问题。当我在 jQuery 对话框中打开照片时，它会冻结窗口滚动条。我无法使用鼠标指针向上或向下移动页面。这个问题只存在于谷歌浏览器中。它在 Mozilla 和 Internet Explorer 中运行良好。
有没有人能解决这个问题？

【问题讨论】：

你能显示你正在使用的代码吗？
可能重复：Scrollbar problem with jQuery UI dialog in Chrome and Safari
请出示您正在使用的代码。
在上面的重复链接中，搜索带有补丁链接的答案。这是一个 1 行补丁，完美运行。
请参阅此论坛的回答：[Chrome 和 Safari 中 jQuery UI 对话框的滚动条问题][1]。希望这有帮助。 [1]：stackoverflow.com/questions/1617638/…

标签： jquery jquery-ui google-chrome

【解决方案1】：

我过去曾通过在初始化对话框之前执行以下操作来修复类似的故障：

$.ui.dialog.prototype._makeDraggable = function () {
    this.uiDialog.draggable({
        containment: false,
        handle: "div.ui-widget-header",
        cancel: "#dialogId"
    });
};

【讨论】：

【解决方案2】：

当我打开一个包含 TimyMCE 编辑器的 jQueryUI 对话框时，我看到了类似的问题。对话框中的滚动条被冻结了。

奇怪的原因是 URL 的末尾有一个 URL HASH '#'。 URL HASH 被添加到 url 中，因为我忘记了“return false;”在打开对话框的链接的 click() 事件中。一旦我添加了'return false;'该事件不是由浏览器本机处理的，没有添加 URL HASH 并且对话框的滚动条按预期工作。

【讨论】：

【解决方案3】：

当我在 chrome 中使用 jquery UI 对话框时出现同样的问题，尝试给盒子一些固定高度，这不会冻结

【讨论】：