滚动到具有jQuery的特定元素

Question

我有一长串嵌套的div.我在查询字符串上传递一个特定元素的ID(实际上是一个段落元素)并打开它的div和父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

jQuery的:

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