Javascript agissant différemment sur différents hôtes

Question

J'utilise Lightwindow v2 dans un projet Symfony pour créer une fenêtre modale (here est le plugin que j'utilise). La fenêtre modale fonctionne parfaitement sur mon serveur wamp local. Mais lorsque j'accède à la page depuis mon serveur AWS distant, l'élément de fond "grisé" de la fenêtre est trop court - il couvre la partie de l'écran qui est initialement visible mais si vous faites défiler vers le bas, le reste de l'écran est n'est pas grisé (ce qui le rend plutôt merdique). Utilisation de Firebug Je peux voir que la superposition grisée reçoit une valeur de hauteur différente, ce qui explique pourquoi elle est trop courte. Mais je suis intrigué par ceci, puisque l'on pourrait imaginer que le Javascript rendrait le même, indépendamment de l'hôte, puisqu'il s'agit d'un langage de script côté navigateur. Est-ce que quelqu'un peut imaginer une raison pour laquelle ce problème pourrait se produire?

Answer 1

En raison des différences de temps de chargement entre votre serveur WAMP local et votre serveur distant, le rendu de la page peut se produire à des vitesses différentes. Votre overlay peut être rendu prématurément, avant que le navigateur ne rende la page à sa hauteur maximale.

Rendez-vous la fenêtre modale dès le chargement de la page? Si oui, pouvez-vous essayer d'ajouter un peu de retard pour voir si cela aide?

Answer 2

Je ne suis pas sûr, mais peut-être votre code JS essaie de lire la taille de la fenêtre du navigateur qui pourrait être possible pour les pages HTML locales, mais pas pour les sites Web externes?