Utilisation de Fullscreenr avec un blog wordpress - bug étrange
Je me demande si quelqu'un ici a déjà utilisé le plugin jquery 'fullscreenr' avec un thème wordpress. J'ai remarqué un bug étrange que je suis sûr que quiconque l'utilisait auparavant pour une construction wordpress l'aurait rencontré. C'est un problème de niche alors supportez l'explication. Je serai aussi succinct que possible.
Fullscreenr est un plugin jQuery qui vous permet d’avoir une image bg scalable en plein écran. Pour référence: http://nanotux.com/blog/fullscreen/
Le problème que je rencontre est un bug étrange impliquant l'utilisation d'ancres HTML qui ciblent un emplacement situé près du bas de la page cible. Cela oblige le BG à redimensionner en dessous de la taille de la fenêtre d'origine. Au début, tout a l'air génial, mais si l'utilisateur tente de faire défiler vers le haut, la barre de défilement reste bloquée et 200 bons pixels de la glycémie restent également bloqués.
Vous pouvez voir le bg évolutif qui fonctionne ici: http://dev.citylightphilly.com/html (essayez d’agrandir et de redimensionner la fenêtre.)
Pour voir le problème que je rencontre, cliquez sur "Notre blog" (le seul lien actif sur la page de test).
Normalement, je dirais: "Ah bon, si je veux vraiment le BG évolutif, je n’utiliserai tout simplement pas les ancres en dessous d’un certain point sur la page cible". Cependant, pour un blog wordpress, il devient très nécessaire de relier directement la balise #pond aux commentaires, qui se trouvent toujours au bas de la page!
Des pensées? Je ne connais pas assez jQuery pour coder dans une solution de contournement .. Aide!
Le plugin détermine la largeur et la hauteur de la fenêtre lors du chargement de la page, mais il utilise $ (window) .height (), qui regarde la taille de la fenêtre puis positionne de manière absolue le contenu div sur l'image, par rapport à la fenêtre/fenêtre. .
Étant donné que la page ne se charge pas en haut du document, le contenu est absolument incorrectement positionné et, à ce stade, il est impossible de le récupérer. (Le problème de barre de défilement est bizarre, mais je suppose qu’il n’ya qu’un effet secondaire.)
Le plugin doit vérifier scrollPosition d'une manière ou d'une autre et ajuster les dimensions en conséquence. Je réfléchis encore à la façon dont cela fonctionnerait ...
OK Smock et moi avons juste parlé. Essayez de changer la division #bg de position: absolute; à la position: fixe; et voyez si cela résout votre problème. Vous risquez de perdre les fonctionnalités de l'iPad à ce stade, mais vous devez résoudre le problème de l'ancrage étrange. Ensuite, c'est à vous de décider comment vous en occuper.
En outre, nous suggérons tous les deux: n'utilisez peut-être pas ce plug-in si vous pouvez l'aider, car c'est un cauchemar de positionnement de problèmes qui ne cesseront jamais de vous tourmenter. :RÉ