Comment centrer verticalement le modal dans un iframe?

Question

J'ai une application Web qui: 1. Est un iframe (il apparaît à plusieurs endroits, par exemple facebook). 2. Possède des modales (j'utilise jqmodal). 3. Possède une barre de défilement verticale. Le problème est que lorsqu'un modal est ouvert à partir d'un lien au bas de ma page, le modal apparaît en haut de ma page, donc l'utilisateur doit faire défiler vers le haut pour voir le modal.

Y at-il un moyen de centrer le modal verticalement? Ou peut-être faire défiler vers le haut dans le cadre extérieur?

Merci à l'avance.

Answer 1

vous pouvez faire défiler comme ceci:

var offset = $('#mymodal').offset().top; 
$('html, body').animate({ scrollTop: offset - 100 }, 500); 

ou l'aligner verticalement comme ceci:

position: absolute; 
top: 50%; 
margin-top: -100px; 
height: 200px;