Question

J'utilise nyroModal, et ayant du mal à donner la fenêtre pop-up une position fixe par rapport à l'arrière-plan. C'est à dire. Je l'ai placé là où je veux aller, mais quand la fenêtre du navigateur est redimensionnée les changements contextuels par rapport au contenu de la page d'arrière-plan. Je comprends que c'est une caractéristique de nyroModal, mais je aimerais assez éteins. Je ne peux pas trouver une fonction dans la documentation pour le faire. Est-ce que quelqu'un a des idées?

CSS extrait:

.nyroModalCont {
    position: absolute;
    margin:20px 25px 25px 25px;
    background:#000;
}

Trigger:

echo '<a href="showimage.php?id='.$row['id'].'" class="trigger" rel="gal">';
echo '<img src="'.$this->ImageDir.$row['id'].'/thumb/'.$row['thumb'].'" border="0" />';
echo '</a>';

Merci, HR

Était-ce utile?

La solution

Pour éviter de déplacer (et le redimensionnement) d'un pop-up après vous redimensionnez la fenêtre du navigateur, vous pouvez remplacer la fonction resize (sans code à l'intérieur) dans les options nyroModal:

$('.trigger').nyroModal({
  resize: function(recalc) {},
});

Comme solution de rechange (ou en ajoutant), selon vos besoins, vous pouvez modifier propriétés CSS à l'aide nyroModal callbacks qui traitent avec le redimensionnement:

$('.trigger').nyroModal({
  callbacks: {
    beforeResize: function(nm) {
    },
    afterResize: function(nm) {
    }
  }
});
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top