javascript - 居中特殊的 Javascript 弹出窗口，如何？

Question

我有这个 javascript 代码，lib.js。它管理我站点中的每个 java 弹出窗口。但是它没有设置为在页面中绝对居中显示，我已经为其 div 尝试了几个 css 代码。但它没有用。我还尝试了著名的/2 代码，但它没有用，或者我可能把它添加到了错误的地方。

下面是我的 lib.js:

var currentTime = new Date();

var topP = 0;

$(文档, 窗口).keypress(函数(e){

if (e.keyCode == 27){

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

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

}

});

$(文档).ready(函数() {

$(".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;

});

Answer 1

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

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

• 固定宽度
• 边距:自动

如果你想要一个绝对居中的 block (position absolute or fixed)

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