Faites défiler jusqu'à un élément particulier j'ai w/jQuery

Question

une longue liste de divs imbriqués. Je passe l'ID d'un élément particulier (en fait un élément de paragraphe) sur la chaîne de requête et ouvre son div et parent onload. Cependant, la liste est si longue, parfois l'élément qui s'ouvre est caché sous le bas de la fenêtre.

Comment puis-je faire défiler automatiquement la fenêtre du navigateur de l'utilisateur afin que l'élément affiché est en haut de l'écran?

Vous avez probablement pas besoin de ça, mais pour le dossier ... ma liste ressemble à ceci:

<div id="div1"> 
    <p id="1"></p> 
    <div>stuff</div> 
    <p id="2"></p> 
    <div>stuff</div> 
    <p id="3"></p> 
    <div>stuff</div> 
</div> 
... 
<div id="divN"> 
    <p id="997"></p> 
    <div>stuff</div> 
    <p id="998"></p> 
    <div>stuff</div> 
    <p id="999"></p> 
    <div>stuff</div> 
</div> 

Answer 1

Vous pouvez utiliser la fonction scrollIntoView.

$(document).ready(function() { 
    $('#divN').get(0).scrollIntoView(); 
}); 

Answer 2

La meilleure façon de faire est plus facile en utilisant Ariel Flesler's scrollTo plugin. Je l'ai utilisé quelques fois auparavant et il est petit, léger et fonctionne très bien.

Answer 3

jQuery:

$(document).ready(function(){ 
    $(document.body).scrollTop($('#divN').offset().top); 
});