Utilizzo di javascript per scorrere su e giù l'iframe

Question

È possibile scorrere la finestra dell'iframe dalla finestra genitore utilizzando i tasti o javascript? Il contenuto iframe proviene da un altro dominio, diverso dalla finestra principale.

Answer 1

Poiché il contenuto di iframe proviene da un altro dominio, non sarà possibile modificarlo per motivi di sicurezza.

Anche se è possibile farlo scorrere utilizzando i tasti freccia, quando è attivato. Almeno funziona per me in Chrome e Firefox.

Se si desidera poterlo scorrere da javascript, suggerirei il seguente approccio. (Si presuppone che tu conosca la larghezza e l'altezza del contenuto di iframe e della tua iframe). Fondamentalmente lascia che un div nel tuo DOM si occupi dello scrolling.

<a href="#" id="scroll">Scroll to (400,400)!</a><br /> 

<div id="google" style="width: 300px; height: 200px; overflow: auto;"> 
    <iframe width="800" height="600" src="http://www.google.com/" scrolling="no"> 
    </iframe> 
</div> 

<script type="text/javascript"> 
$("#scroll").click(function() 
{ 
    $("#google").scrollTop(400).scrollLeft(400); 
    return false; 
}); 
</script> 

Per più agevole lo scorrimento del div si potrebbe provare il codice da this article.