Discussion :

[lounou]

Bonjour,

J'essai de centrer un div qui apparait lors d'un clic en Jquery

Dont la fonction est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
jQuery(".signup_btn").click(function(e){
    e.preventDefault();
    $('#signUp').slideDown();
    $('#mask').css('display', 'block'); 
    });

Cela marche parfaitement.

Cependant j'ai un souci c'est que le div apparait dans le haut de l'écran. Je souhaiterai qu'il apparaisse au milieu de l'écran (En verticla et horyzontal) quelque soit la position du scroll afin qu'il soit bien visible, car quand je clic actuellement (avec mon scroll au milieu de page, le div apparait mais il est en haut et je suis obliger de scroller vers le haut pour le voir...

A priori c'est cette fonction ci : mais je comprend pas comment adaptée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + 
                                                $(window).scrollTop()) + "px");
    this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + 
                                                $(window).scrollLeft()) + "px");
    return this;
}

Pouvez vous m'aider ?

Merci

[danielhagnoul]

Bonjour

En fonction du code ci-dessus, je suggère :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
jQuery(".signup_btn").click(function(e){
    e.preventDefault();
    $('#signUp').slideDown();
    $('#mask')
        .css('display', 'block')
        .center();
});