Comment le centre de dialogue modale dans le défilement de la fenêtre à la position absolue?
Je suis en train de le centre d'une boîte de dialogue modale dans le défilement de la fenêtre. Ce modal sont la position absolue de la raison doit être déplaçable sur l'écran. J'utilise ce plugin pour déplaçable fonction:
http://threedubmedia.com/code/event/drag
Mon problème est que ce modal a une position absolue si j'ai mis top: 50% de l'affichage modal dans le centre de la fenêtre, mais sans tenir compte de tous défilement de la fenêtre.
OriginalL'auteur paganotti | 2012-09-25
Vous devez vous connecter pour publier un commentaire.
Vous devez utiliser
au lieu absolu/relatif.
L'utiliser et vous ne devriez pas faire face à d'éventuels problèmes en raison de défilement.
http://www.w3schools.com/cssref/pr_class_position.asp
Vous pouvez voir ce sujets, trop:
Correction du Positionnement sans Défilement
Comment placer une div au centre de la fenêtre après le défilement
Je suppose que c'est en raison de la pr de son élément parent. Pourriez-vous donner quelques de code source ou de violon exemple?
cela ne fonctionne pas bien sur ios safari. Sur faites défiler les éléments derrière le modal sera "tappable" qui n'est pas le comportement prévu des auxiliaires modaux.
OriginalL'auteur gotqn
De sorte que votre dialogue a sa position absolues et c'est un enfant immédiat du document ou de l'organe, de droit !?
Centrer un invité modal avec position absolue:
OriginalL'auteur Stphane
Si c'est à l'intérieur d'un div scrollable, assurez-vous que que original div:
<div style="position:relative;">
.De cette façon, un
div
à l'intérieur de ce qui est absolue va rester dans les limites d'elle, et l'utilisation de son parent par rapport div comme un point de référence pourtop:50%;
OriginalL'auteur Mark Pieszak - Trilon.io
En général, pour trouver le centre de la fenêtre avec des barres de défilement. Prendre la hauteur de la fenêtre, divisé par 2, ainsi que les faites défiler de haut. Le résultat est le nombre de pixles que quelque chose doit être compensé par le document de haut.
Si votre positionné élément est un enfant de plus d'un élément déroulant, puis vous aurez besoin d'en tenir compte, mais les mathématiques de base est le même.
Comme une note de côté, un exemple de l'annotation que vous essayez d'utiliser aiderait à obtenir plus de réponses exactes.
OriginalL'auteur Rozwel
essayer supprimé l'option position
OriginalL'auteur KristKing