IE中的JQuery弹出问题

如何解决IE中的JQuery弹出问题

| 当弹出“ JQuery对话框”时，IE将显示滚动条。 FF不显示滚动条。 IE CSS有什么问题？

<div id=\"disablebg\" style=\"display: none;overflow:hidden;\">
                <uc1:CreateInqGeneral ID=\"CreateInqGeneral1\" runat=\"server\" />
            </div>

 function ShowDialog() {

        $(\"#disablebg\").dialog({
            resizable: false,modal: true,width: \"550px\"
        }); 
    }

    

解决方法

我用这样的东西来避免这个问题。您可以轻松地对其进行修改以仅隐藏水平滚动条。

function hideScrollBars() {
    var top = $(\'html\').scrollTop();
    var left = $(\'html\').scrollLeft();
    $(\'html\').css(\'overflow\',\'hidden\');
    $(\'html\').scrollTop(top);
    $(\'html\').scrollLeft(left);
}

function showScrollBars() {
    var top = $(\'html\').scrollTop();
    var left = $(\'html\').scrollLeft();
    $(\'html\').css(\'overflow\',\'auto\');
    $(\'html\').scrollTop(top);
    $(\'html\').scrollLeft(left);
}

$.extend($.ui.dialog.prototype.options,{
    bgiframe: true,resizable: false,modal: true,open: function () { hideScrollBars(); },close: function () { showScrollBars(); }
});

注意：这样，我将为所有对话框实例全局设置打开和关闭事件。如果覆盖特定实例上的打开/关闭事件，则必须调用hideScrollBars / showScrollBars函数。