Cuộn đến một phần tử cụ thể w/jQuery

Question

Tôi có một danh sách dài các div lồng nhau. Tôi đang chuyển ID của một phần tử cụ thể (thực sự là một phần tử đoạn) trên chuỗi truy vấn và mở div và phụ huynh của nó. Tuy nhiên, danh sách quá dài, đôi khi phần tử mở ra được ẩn dưới phần dưới cùng của cửa sổ.

Làm cách nào để tự động cuộn cửa sổ trình duyệt của người dùng để phần tử được hiển thị ở đầu màn hình?

Bạn có lẽ không cần điều này, nhưng đối với kỷ lục ... danh sách của tôi trông như thế này:

<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

Bạn có thể sử dụng chức năng scrollIntoView.

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

Answer 2

Cách đơn giản nhất để làm điều này là sử dụng Ariel Flesler's scrollTo plugin. Tôi đã sử dụng nó một vài lần trước và nó nhỏ, nhẹ và hoạt động rất tốt.

Answer 3

jQuery:

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