Uso de javascript para desplazar iframe hacia arriba y hacia abajo

Question

¿Es posible desplazar la ventana de iframe desde la ventana primaria usando las teclas o javascript? El contenido del iframe proviene de otro dominio, diferente de la ventana principal.

Answer 1

Como el contenido del iframe es de otro dominio, no podrá modificar su DOM debido a razones de seguridad.

Aunque puede desplazarlo usando las teclas de flecha, cuando lo tiene activado. Al menos me funciona en Chrome y Firefox.

Si desea poder desplazarlo de javascript, sugeriría el siguiente enfoque. (supone que conoce el ancho y alto del contenido del iframe y su iframe). Básicamente deja que un div en tu DOM se encargue de desplazarte.

<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> 

Para un desplazamiento más suave de la div puede probar con el código de this article.