Question

我有这个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;

});

Answer 1

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

通常，如果您希望块以父对象为中心，则它应该具有

固定宽度
margin: auto

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

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

集中特殊的Javascript弹出窗口，怎么样？

1 个答案: