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
Libérer: 2016-05-16 16:37:04
original
1300 Les gens l'ont consulté

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



;

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal