JQuery animate pour faire défiler vers le haut de la div

J'ai un div caché, .model-détails sur le panneau qui se révèle lors d'un clic .span.

$('[class*="span"]').on('click', function () {
        $(this).parent().next('.model-detail-panel').slideToggle()
    });

Je veux intégrer .animate() dans ce code pour faire défiler l'écran de sorte que le haut de l'révélé div est en haut de la fenêtre.

Comment puis-je y parvenir?

Merci d'avance..

OriginalL'auteur webworker | 2012-10-07

  1. 14

    Vous pouvez utiliser Position, comme ceci:

    $("body, html").animate({
    scrollTop: $(".model-detail-panel").position().top
});
    Merci pour votre réponse. Malheureusement, ce n'est pas n'importe quoi. Dans votre code .top censé être le haut de .model-détails sur le panneau?
    Oui, il est. Essayez de console.journal de la valeur.
    l'exécution de la console.les résultats du journal dans la fenêtre de l'objet retourné. Idéalement, je veux la .model-détails sur le panneau pour être le résultat?
    Essayez de yhis: console.log($(".model-détails sur le panneau").position().haut de page);

    OriginalL'auteur Michele Bertoli

  2. 3

    Modifiant légèrement le code suggéré par @michele-bertoli à

    $('html, body').animate({scrollTop: $(".model-detail-panel").offset().top
            }, 500);

    A fonctionné pour moi..

    Merci à ceux qui ont posté..

    OriginalL'auteur webworker