0

次のようにスクリプト化した JQuery ポップアップがあります。

<style>
    .ui-widget-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.7;
        z-index: 0;
    }

</style>

var wWidth = $(window).width();
        var dWidth = wWidth * 0.85;
        var wHeight = $(window).height();
        var dHeight = wHeight * 0.85;
        $('#QualifyLead').dialog({
            autoOpen: false,
            draggable: false,
            resizable: false,
            bgiframe: false,
            modal: true,
            width: dWidth,
            height: dHeight,
            closeOnEscape: false,
            title: "Enter Qualify Lead Information",
            open: function (type, data) {
                $(this).parent().appendTo("form");
            }
        });

Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(function (evt, args) {
        var wWidth = $(window).width();
        var dWidth = wWidth * 0.85;
        var wHeight = $(window).height();
        var dHeight = wHeight * 0.85;
        $('#QualifyLead').dialog({
            autoOpen: false,
            draggable: false,
            resizable: false,
            bgiframe: false,
            modal: true,
            width: dWidth,
            height: dHeight,
            closeOnEscape: false,
            title: "Enter Qualify Lead Information",
            open: function (type, data) {
                $(this).parent().appendTo("form");
            }
        });
    });

これには問題があります。グリッドに多くのレコードがある場合 (グリッドのボタンをクリックするとポップアップが開きます)、最後の行を表示するにはスクロールする必要があります。最後の行のボタンをクリックすると、ポップアップがウィンドウの高さに収まりません。添付のスクリーンショットを確認できます。

JQuery でのポップアップの問題

私は何が欠けていますか?

4

1 に答える 1

0

それ以外の:

var wHeight = $(window).height();

これを試して:

var wHeight = $(window).css("height");
于 2013-10-15T06:20:38.357 に答える