Comment faites-vous défiler un iframe depuis l'intérieur en utilisant jquery?

Question

J'utilise un shadowbox qui génère un iframe pour afficher les détails du produit sur une page. Parce que la page de détails peut être assez longue, le client aimerait un bouton "Plus" qui fait défiler la page vers le bas (apparemment la barre de défilement sur la droite de l'iframe ne suffit pas).

Voici le code que j'ai essayé afin d'obtenir l'iframe pour faire défiler:

$(document).ready(function() 
{ 
$(".moreButton img").click(function() { 
    scrollbottom(); 
}); 
}); 

function scrollbottom() { 
var x = 250; // this number is a temporary placeholder 
var t = 500; 
$("iframe").animate({ scrollTop: x }, t); 
} 

J'ai aussi essayé d'utiliser le corps au lieu de iframe, mais en vain. Des idées? Merci!

Answer 1

Cela a fini par travailler:

$('html,body').animate({ scrollTop: x }, t); 

Answer 2

Comme ceci: (Tested)

$("iframe").contents().children().animate({ scrollTop: x }, t); 

Answer 3

Dans Chrome je devais choisir spécifiquement l'élément du corps:

$('#my-iframe').contents().find('body').animate({scrollTop:90},500);

Answer 4

Créer une fonction dans le parent javascript comme ceci:

function scrollToPoint(top) { 
    $("html, body").animate({ scrollTop: top }, "slow") 
} 

et appeler cette fonction au sein de l'iframe comme ceci:

window.parent.scrollToPoint(top); 

Il devrait fonctionner en chrome, non testé dans Firefox encore