jquery - 使用 jQuery 滚动到特定元素

Question

我有一长串嵌套的 div。我在查询字符串上传递特定元素(实际上是段落元素)的 ID，并打开其 div 和父加载。但是，列表太长，有时打开的元素隐藏在窗口底部下方。

如何自动滚动用户的浏览器窗口，使显示的元素位于屏幕顶部？

您可能不需要这个，但为了记录...我的列表如下所示:

<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();
});