Définir la fenêtre pop-up centre de jquery

Droit maintenant, je suis à la définition de la position de la lightbox jQuery fenêtre de cette façon:

   var winH = $(window).height();
   var winW = $(window).width();
    //Set the popup window to center
    $(id).css('top',  winH/2-$(id).height()/2);
    $(id).css('left', winW/2-$(id).width()/2);

Comment puis-je centre le popUp quand je scroll vers le bas?

OriginalL'auteur el.severo | 2012-02-25

  1. 8

    Vous pouvez simplement utiliser un autre style CSS, essayez position: fixed

    OriginalL'auteur Mike L.

  2. 5

    vous pouvez l'utiliser de cette façon

    //Position modale de la boîte dans le centre de la page

        jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ( jQuery(window).height() - this.height() ) / 2+jQuery(window).scrollTop() + "px");
    this.css("left", ( jQuery(window).width() - this.width() ) / 2+jQuery(window).scrollLeft() + "px");
    return this;
  }

    //puis appeler la fonction

     jQuery(".modal-profile").center();

    et cela rendra votre code organisé et facile à utiliser dans le projet de centre de la modale. vous pouvez voir ce genre de travail, dans une autre question

    modale s'affiche au chargement de la page

    OriginalL'auteur arifur rahman

  3. 3

    Celui-ci est aidé moi!

    $.fn.center = function() {
    this.css("position", "fixed");
    this.css("top", ($(window).height()/2 - this.height()/2) + "px");
    this.css("left", ($(window).width()/2 - this.width()/2) + "px");
    return this;
}

    Et d'utilisation décrites.

    $(".modale de la fenêtre").centre();

    OriginalL'auteur Ken Shiro

  4. 1

    En supposant que vous êtes à l'aide de jQuery UI Dialog, la position par défaut est 'centre' qui est centré dans la fenêtre d'affichage par défaut. Si vous utilisez un autre jQuery modal de la fenêtre, puis:

    $(id).css({
    'position': 'fixed',
    'top': parseInt((winH / 2) - ($(id).height() / 2), 10)
    'left': parseInt((winW / 2) - ($(id).width() / 2), 10)
});

    pourrait faire l'affaire. Je ne suis pas sûr de ce que vous entendez par "scroll down" comme une boîte de dialogue modale et du défilement (à l'extérieur de la boîte de dialogue) sont mutuellement exclusifs.

    OriginalL'auteur pete