Vaya a un elemento particular w/jQuery

Question

I tiene una larga lista de divs anidados. Paso la identificación de un elemento en particular (en realidad, un elemento de párrafo) en la cadena de consulta y abro su div y padre de carga. Sin embargo, la lista es tan larga que a veces el elemento que se abre se oculta debajo de la parte inferior de la ventana.

¿Cómo se desplazará automáticamente la ventana del navegador del usuario para que el elemento que aparece es en la parte superior de la pantalla?

Probablemente no necesita esto, pero para que conste ... mi lista es así:

<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

usted podría utilizar la función scrollIntoView.

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

Answer 2

La forma más sencilla de hacer esto es mediante el uso Ariel Flesler's scrollTo plugin. Lo he usado varias veces antes y es pequeño, liviano y funciona muy bien.

Answer 3

jQuery:

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