0

我有一个在页面上启动模式对话框的插件。通过使用 boxPosition(el) 函数，它位于中心。

function boxPosition(el) {

    // calculate/set height of content area         
    var winH = $(window).height(),                          // viewport height
        winW = $(window).width(),                           // viewport width


    // position modal in center
    var boxH = $('#myModal').outerHeight(true),         // real modal height
        bmcH = ttlH + auxH + cntH + ftrH + 80,             // modal height plus content padding/margin  
        bmcW = $('#myModal').outerWidth(true),              // real modal width 
        bmcT = (winH - (boxH < bmcH ? boxH : bmcH)) / 2,   // top offset for centering          
        bmcL = (winW - bmcW) / 2;                          // left offset for centering 

    $('#myModal').css({ 'top': bmcT+'px', 'left': bmcL+'px' });
}

当我加载页面或调整页面大小时，在此插件中调用函数：

boxPosition(el);

$(window).resize(function() {
    boxPosition(el);
});

我正在尝试解决另外两个问题：

  1. 我想让它集中在有很多内容并且可以滚动的页面上。我已经尝试过了，但它似乎不起作用。

    $(window).scroll(function () { boxPosition(el); });

  2. 当模式中的任何点击被注册时，我想调用该函数。

4

0 回答 0