jQuery scroll vers le haut de la iframe parent

J'ai une iFrame avec un formulaire de rétroaction en elle. Une fois que l'utilisateur clique sur le bouton envoyer, je veux utiliser parent de la fenêtre pour faire défiler vers le haut. Je sais que je peux faire défiler vers le haut de page avec:

$('html, body').animate({scrollTop:0}, 'slow');

Cependant, cela ne fera que de faire défiler le contenu de l'iframe, pas de la page parent.
Des suggestions?

InformationsquelleAutor iltdev | 2010-09-27
  1. 32

    Donner un essai pour celui-ci : 

    window.parent.$("body").animate({scrollTop:0}, 'slow');
    • Qui semble avoir fait le tour! Merci 🙂
    • Je sais que cette question a été répondu à presque un an, mais quand j'ai essayer ceci, j'obtiens l'erreur suivante: TypeError: Property '$' of object [object DOMWindow] is not a function. à l'Aide de la console JavaScript de Google Chrome, je peux voir un $ fonction définie sur window.parent mais quand je forage en elle, elle dit que c'est pas défini. Est-il une raison pourquoi cette réponse peut ne plus être valide?
    • Vous n'avez pas besoin de jquery, si vous ne vous inquiétez pas au sujet de l'animation, de l'utilisation de la fenêtre.parent.de la fenêtre.scrollTo(0,0); Ils doivent être dans le même domaine en raison des raisons de sécurité.
    InformationsquelleAutor xar
  2. 11

    Ce qui semble faire l'affaire ainsi:

    $('html, body', window.parent.document).animate({scrollTop:0}, 'slow');

    La deuxième paramètre à $ est le contexte de la recherche.

    InformationsquelleAutor Jeshurun
  3. 8
    <script>
    jQuery(document).ready(function($) {
        FB.Canvas.scrollTo(0,0);
        FB.Canvas.setSize({width: 760, height:$('body').height()+20});
    });

    function scrollTo(x,y) {
        $("body").append('<iframe id="scrollTop" style="border:none;width:1px;height:1px;position:absolute;top:-10000px;left:-100px;" src="http://static.ak.facebook.com/xd_receiver_v0.4.php?r=1#{%22id%22%3A0%2C%22sc%22%3Anull%2C%22sf%22%3A%22%22%2C%22sr%22%3A2%2C%22h%22%3A%22iframeOuterServer%22%2C%22sid%22%3A%220.957%22%2C%22t%22%3A0}[0%2C%22iframeInnerClient%22%2C%22scrollTo%22%2C{%22x%22%3A'+x+'%2C%22y%22%3A'+y+'}%2Cfalse]" onload="$(\'#scrollTop\').remove();"></iframe>');
    }
</script>
    • FB.Toile. scrollTo(0,0); c'est très utile. la recherche de jours. merci
    • Cette réponse n'a pas beaucoup d'explication... c'est Facebook application spécifique. Mais j'ai essayé de résoudre ce problème pour un iFrame (toile) Facebook application, de sorte FB.Canvas.scrollTo(0,0); était juste ce dont j'avais besoin.
    InformationsquelleAutor Angrej Singh
  4. 1

    À l'intérieur de l'Iframe page.

    window.parent.ScrollToTop(); //Scroll to top function

    Sur Les parrent page:

    window.ScrollToTop = function(){
  $('html,body', window.document).animate({
    scrollTop: '0px'
  }, 'fast');
};
    • Cela fonctionne de la croix-domaine?
    InformationsquelleAutor steffanjj
  5. 1

    <body onLoad="window.parent.scroll(0,0);">

    Dans le corps de l'iframe html de la page

    Son aussi simple que vous pouvez faire!

    InformationsquelleAutor Naveen V