第一次单击后是否可以更改iFrame样式（不在同一域中）

Question

I have a page on which I have an iframe (containing a page from another domain) and it is set to show a certain part of the page. However, I want to make it so that after the first click the iFrame moves to show a lower part of the source page. Is this possible?

With regards,

SJA

Answer 1

Your overall solution is formed of following steps:

1. You should detect the click on iframe

2. then reload the second target which you need to be scrolled to in the iframe's inner page.(e.g. : [iframePageURL]/index.html#secondTarget)

Now lets dive into detailed explanation:

item 1 in detail: in order to detect click on an iframe you need to put a transparent overlaying layer on it : Consult the answer here which has offered the solution in detail. You just need a flag to unset it after the first click.

Item 2 in detail: Now that you've got user's click on the iframe, change the iframe's src to the desired target, using sth like this:

document.getElementById('calendar').src = loc;