jquery - open - Usar javascript para desplazar iframe hacia arriba y hacia abajo

insertar codigo html con jquery

Question

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

Answer 1

Dado que el contenido del iframe proviene de otro dominio, no podrá modificar su DOM debido a razones de seguridad.

Aunque puedes desplazarte usando las teclas de flecha, cuando lo tienes 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 el código de este artículo .