居中特殊 Javascript 弹出窗口，如何？答案

【问题标题】：Centering Special Javascript Popup, How?居中特殊 Javascript 弹出窗口，如何？
【发布时间】：2013-11-28 07:55:27
【问题描述】：

我有这个 JavaScript 代码，lib.js。它管理我网站中的每个 java 弹出窗口。无论它没有设置为在页面中绝对居中，我已经为它的 div 尝试了几个 css 代码。但它没有用。我也尝试了著名的 /2 代码，但它不起作用，或者我可能将它添加到错误的地方。

下面是我的 lib.js：

var currentTime = new Date();

var topP = 0;

$(document, window).keypress(function(e){

if (e.keyCode == 27){

    $(".yekbox").fadeOut();

    $("#yekbox_overlay").hide();

}

});

$(document).ready(function() {

$(".showme").unbind().hover(

    function(e) {

        $(".tooltip").remove();

        this.t = $(this).next(".description").html();

        $(this).append( '<div class="tooltip">' + this.t + '</div>' );

    },

    function() {

        //this.title = this.t;

        $(".tooltip").remove();

    }

).mousemove(

    function(e) {

        $(".tooltip").css({

            "top" : e.pageY + 20,

            "left" : e.pageX + 20

        });

    }

);

topP = $(this).scrollTop();

//$(".yekbox").css("top", $(window).height()-250 + "px");

//$(".yekbox").css("left", $(window).width()-(440*2) + "px");



$("#yekbox_overlay").css("height", $(window).height());

$(window, document).resize(function(){

    topP = $(this).scrollTop();

    $(".yekbox").css("marginTop", topP-250 + "px");

    if ($(window).width() > 900 ) $(".yekbox").css("left", $(window).width()-(440*2) + "px");

    $(".yekbox").css("marginLeft", "auto");

    $(".yekbox").css("marginRight", "auto");

    $("#yekbox_overlay").css("height", $(window).height());



});

$(window).scroll(function () {

    topP = $(this).scrollTop();

    $(".yekbox:visible").css("marginTop", topP-250 + "px");

    $("#yekbox_overlay:visible").css("height", $(window).height());

});

$(window).bind("scroll",function () {

    topP = $(this).scrollTop();

    $(".yekbox:visible").css("marginTop", topP-250 + "px");

    $("#yekbox_overlay:visible").css("height", $(window).height());

});

$("#yekbox_overlay").click(function(){

    $(".yekbox").fadeOut();

    $(this).hide();

    return false;

});

【问题讨论】：

标签： javascript css popup popupwindow

【解决方案1】：

上面的 JS 和 HTML 代码没有任何帮助。

一般来说，如果你想让一个块以父级为中心，它应该有

固定宽度
margin: auto

如果你想要一个绝对居中的块（位置绝对或固定）

$('#mypopup').css('left', ($(window).width() - $('#mypopup').width()) / 2)

【讨论】：