Прокрутите до конкретного элемента w/jQuery

Question

У меня есть длинный список вложенных div. Я передаю идентификатор определенного элемента (фактически элемента абзаца) в querystring и открывая его div и parent onload. Однако список такой длинный, иногда раскрывающийся элемент скрывается под нижней частью окна.

Как автоматически прокручивать окно браузера пользователя, чтобы отображаемый элемент находился в верхней части экрана?

Вы, наверное, не нужно, но для записи ... мой список выглядит следующим образом:

<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

Вы можете использовать функцию scrollIntoView.

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

Answer 2

Самый простой способ сделать это с помощью Ariel Flesler's scrollTo plugin. Я использовал его несколько раз раньше, и он маленький, легкий и работает очень хорошо.

Answer 3

JQuery:

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