Comment faire Défiler la page parent en haut lorsque l'enfant page, cliquez à l'intérieur de l'iframe?
Lorsque quelqu'un clique sur un lien dans un iframe (page enfant), comment puis-je obtenir le parent de la page pour faire défiler vers le haut? La question est la page enfant va rester dans le même endroit de la page, parce que l'iframe a une hauteur plus grande que la page parent.
Veuillez noter: la mère et de l'enfant de pages sur les différents sous-domaines.
J'ai créé une démo pour montrer ceci:
http://www.apus.edu/_test/iframe/index.htm
Vous devez vous connecter pour publier un commentaire.
L'astuce consiste à ajouter la ligne suivante
onload="window.parent.parent.scrollTo(0,0)"
à laiframe
et qui devrait le faire!À l'aide de JavaScript à l'intérieur de l'iframe, référence du parent et de l'appel de la de défilement() méthode.
Si vous avez de la croix origines (l'iframe et la mère ont des domaines différents), alors il suffit d'appeler la fenêtre.scrollTo(0,0) ne fonctionne pas.
Une solution à la croix-de l'origine à envoyer un message de confiance de l'iframe à la société mère.
Code à l'intérieur de l'iframe:
Puis le code de la mère:
event.data.task
mais cela ne change pas la logique de toute façon.parent_origin
êtrehttps://test.testsite.com
, ou devrait-il êtrehttps://test.testsite.com/path/to/my/page.html/
, où la deuxième URL est l'URL de la page parent?À l'intérieur de l'Iframe page.
Sur Les parrent page: