How do I Scroll parent page to top when child page is click within iframe?

iframe scroll parent
Evan picture Evan · Jun 17, 2010 · Viewed 59.2k times · Source

When someone clicks on a link within an iframe (child page), how do I get the parent page to scroll to the top? The issue is the child page will remain in the same spot of the page, because the iframe has a lot of height larger than the parent page.

Please note: the parent and child pages are on different sub domains.

I created a demo to show this: http://www.apus.edu/_test/iframe/index.htm

Answer

Evan picture Evan · Jun 26, 2010

The trick is to append the following onload="window.parent.parent.scrollTo(0,0)" to the iframe and that should do it!

Related questions

IFRAMEs and the Safari on the iPad, how can the user scroll the content?

According to the Apple iOS mantra it should be possible to scroll the contents of an IFRAME by dragging it with two fingers. Unfortunately running the latest version of iOS on the iPad I have yet to find a single …

Read More
Iframe scrolling iOS 8

I have an iframe and i need it to have a scrolling overflow. it seems work out in desktop, i used a work around to make it work in iOS. it works on android and iOS now. however, iOS8 it …

Read More
How do you scroll an iframe from within using jquery?

I'm using a shadowbox which generates an iframe to display product details on a page. Because the details page can be pretty long, the client would like a "More" button that scrolls the page down (apparently the scrollbar on the …

Read More