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

Answer 3

最简单的方法是使用 Ariel Flesler's scrollTo plugin 。我以前曾经使用过它几次，体积小，重量轻，效果很好。

使用/ jQuery滚动到特定元素

3 个答案: