Question

当我们在IE8中显示jQuery模式对话框时，父窗口区域显示垂直和水平滚动条 - 你怎么能避免这种情况？

Answer 1

确保带有滚动条的div下方的内容区域不超过运行时div的高度或宽度的100％。另外，设置.wrapper {overflow: hidden;}以隐藏任何超限。

Answer 2

我刚刚遇到这个问题（情况略有不同）：

我正在使用jQuery对话框作为多功能对话框，其中包含用于切换在2个不同视图（信息和相关表单）之间显示的内容的按钮。在辅助方法中，我切换两个元素之间的初始可见性：

    $("#element1").attr("style","display: block;");
    $("#element2").attr("style","display: block;");

    $("#element1").attr("style","display: none;");
    $("#element2").attr("style","display: none;");

然后，在条件块中，我将模态的高度设置为要显示的元素的高度+ 50px（以考虑我创建的自定义按钮组），如下所示：

    var elementHeight = $("#element1").height();
    $("#dialog1").dialog("option", "height", elementHeight + 50);

一旦我调整了对话框的div元素，我就设置了对话框内容的最终状态：

    $("#element1").attr("style","display: block;");
    $("#element2").attr("style","display: none;");

我知道这有点像黑客。可能有更多“优雅”的方法来解决这个问题，但我不想再烧上它了（我只花了大约3个小时来解决这个问题，尝试对核心jQuery代码进行不同的调整）。 p>

如果有人想出一个更好的方法来解决这个问题，我会全都耳朵（错误，眼睛？），但在此之前这对我有用。

jQuery模式对话框导致IE滚动条出现

2 个答案: