stackErr stackErr - 10 months ago 35
Javascript Question

scroll an iframe from parent page

I have created two webpages, one contains the other in an iframe. I would like to scroll the embedded page from the parent page via javascript.

What I have tried so far:

  1. $('#go').scrollTop(200);

  2. $('.footer').scrollTop(200);

  3. var frame = document.getElementById('go');

    frame.contentWindow.scrollTo(0, 200);

none of these have worked

the parent webpage html:

<div class="footer">
<iframe id="go" src="go.html"></iframe>

Both of these webpages are local files on the computer and I am using Google chrome with "--allow-file-access-from-files" flag.

How do I scroll the iframe to a certain position?


This works:

document.getElementById("go").contentWindow.setTimeout("this.scrollTo(0, 200);",1);

Update. Doh. Works in IE only, but I think there's something there.

Update 2 This works universally:

document.getElementById("go").onload = function () { this.contentWindow.scrollTo(0, 200) };

You have to wait for iframe content to finish loading for scrollTo to work.