Utilisation de javascript pour faire défiler l'iframe vers le haut et vers le bas

Question

Est-il possible de faire défiler la fenêtre iframe à partir de la fenêtre parent en utilisant les touches ou javascript? Le contenu iframe provient d'un autre domaine, différent de la fenêtre parente.

Answer 1

Étant donné que le contenu iframe provient d'un autre domaine, vous ne pourrez pas le modifier pour des raisons de sécurité.

Bien que vous puissiez le faire défiler en utilisant les touches fléchées, lorsque vous l'avez activé. Au moins cela fonctionne pour moi dans Chrome et Firefox.

Si vous voulez être en mesure de le faire défiler à partir de javascript, je suggère l'approche suivante. (il suppose que vous connaissez la largeur et la hauteur du contenu iframe et votre iframe). Fondamentalement, laissez un div dans votre DOM s'occuper du défilement.

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

Pour le défilement plus fluide de la div vous pouvez essayer le code de this article.