Met dit stukje code zorg je ervoor dat je Parent pagina weer naar boven scrollt wanneer een bezoeker op een linkje in je Iframe klikt! Erg handig voor hoge Iframes!
Wanneer je gebruik maakt van een Iframe en je bezoeker klikt op een link in dit Iframe dan blijft de Parent pagina doorgaans staan zoals deze staat. Vooral bij kleine frames is dat prima, maar wat als je nou een groot Iframe hebt dat eigenlijk moet inblenden in de rest van je website? Dan wil je dat bij het klikken op een link onderaan het Iframe de hele pagina weer naar boven scrollt.
Door onderstaande code toe te voegen aan je Iframe zorg je ervoor dat bij het herladen of wanneer een bezoeker op een link klikt de hele pagina weer naar boven scrollt.
onload="window.parent.parent.scrollTo(0,0)"In zijn geheel zou dat er dan als volgt uit kunnen zien:
<iframe onload="window.parent.parent.scrollTo(0,0)" style="width: 100%; height:2000px; border:3px solid black;
" src="jouw eigen pagina.nl" id="Iframe"></iframe> 