jquery - 有没有办法让 jquery BlockUI 在屏幕上垂直居中

Question

我正在使用jquery blockui但是被覆盖的 div 非常长，因此加载消息显示在屏幕之外。

是否有办法让 jquery blockui 在可见屏幕上垂直居中加载消息，以便人们无需向下滚动即可看到消息？

Answer 1

这是definite answer 。

创建此函数:

$.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ($(window).height() - this.height()) / 2+$(window).scrollTop() + "px");
    this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
    return this;
}

调用 blockUI 后，将对话框窗口居中，如下所示:

$('.blockUI.blockMsg').center();