Maison >interface Web >tutoriel HTML >Utilisez jquery pour réparer le problème d'échec de l'ancrage de page sous la production de pages iframe_HTML/Xhtml_Web

Utilisez jquery pour réparer le problème d'échec de l'ancrage de page sous la production de pages iframe_HTML/Xhtml_Web

WBOY
WBOYoriginal
2016-05-16 16:37:041268parcourir

Le scénario d'application est le suivant : la page iframe n'a pas de barres de défilement. Si une barre de défilement apparaît dans le formulaire parent, la marque d'ancrage deviendra invalide, car le point d'ancrage fait défiler la fenêtre en fonction de la barre de défilement actuelle de la fenêtre. formulaire enfant, il n'y a pas de barre de défilement. Naturellement, il ne défilera pas.

La solution est : utilisez js pour déterminer si la page est imbriquée, utilisez js pour calculer la position de l'iframe dans le formulaire parent, la position du point d'ancrage dans la firame, et ajoutez les deux pour devenir le défilement du formulaire parent.

J'ai rencontré un problème : obtenez l'élément de formulaire parent (en raison des restrictions de domaine, tous doivent être dans l'environnement réseau (c'est-à-dire http://domain.com)) ; c'est la page iframe actuelle.

Code :

Page du formulaire parent index.html

Copier le code
Le le code est le suivant :



;style type="text/css">
*{
marge : 0;
remplissage : 0;
bordure : 0
}
html,
corps {
largeur : 100 % ;
hauteur : 100 % ;
}
style= "largeur:100%;arrière-plan:#f00;hauteur:500px;">

dd "" >ddd





Page de sous-formulaire iframe.html




Copier le code

Le code est le suivant :
;

;
a
b ">c
d



;

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn