scorre un iframe dalla pagina madre

Ho creato due pagine Web, una contiene l'altra in un iframe. Vorrei scorrere la pagina incorporata dalla pagina padre tramite javascript.scorre un iframe dalla pagina madre

Quello che ho provato finora:

$('#go').scrollTop(200);
$('.footer').scrollTop(200);
var frame = document.getElementById('go'); frame.contentWindow.scrollTo(0, 200);

nessuno di questi hanno lavorato

0.123.

il codice HTML pagina web genitore:

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

Entrambe queste pagine sono file locali sul computer e sto usando Google Chrome con la bandiera "--allow-file-access-from-file".

Come si scorre l'iframe in una determinata posizione?

fonte

2013-05-29 stackErr

Conosci il contenuto di "go.html"? puoi concentrarti su un elemento richiesto al suo interno? –

@YuriyGalanter Conosco il contenuto di go.html ma contiene un altro iframe su un altro dominio, quindi non posso accedervi. Ho fatto l'iframe in un iframe per aggirare la stessa politica di origine. – stackErr

questo funziona:

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

Aggiornamento. Doh. Funziona solo in IE, ma penso che ci sia qualcosa lì.

Update 2 Questo funziona universalmente:

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

Devi aspettare per i contenuti iframe per finire carico per scrollTo al lavoro.

fonte

2013-05-29 20:12:51

Sì, non funziona in Chrome !! E ho anche provato diverse varianti con SetTimeout già senza fortuna :(. – stackErr

Soluzione aggiornata, si prega di fare un tentativo. –

È possibile utilizzare window.postMessage per inviare un messaggio dal frame principale all'iframe, dicendogli di scorrere. Questo ti porta a creare uno script postMessage nel frame principale e uno script receiveMessage nell'iframe. È il codice receiveMessage che scorre effettivamente l'iframe.

Ho usato questo polyfill con successo: http://benalman.com/projects/jquery-postmessage-plugin/

fonte

2013-05-29 19:58:05 Jasper

Sembra promettente, verrà aggiornato una volta che l'ho provato. – stackErr

La soluzione fornita da Yuriy è molto più semplice da implementare rispetto a questa. Grazie per il plugin, tornerà utile in fondo alla strada! – stackErr

scorre un iframe dalla pagina madre

risposta

Problemi correlati