Centrer DIV suite a un appel jQuery
Bonjour,
J'essai de centrer un div qui apparait lors d'un clic en Jquery
Dont la fonction est :
Code:
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:
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
