代码之家  ›  专栏  ›  技术社区  ›  Bryan

滚动到带有jquery的特定元素

  •  6
  • Bryan  · 技术社区  · 14 年前

    我有一长串嵌套的div。我在querystring上传递一个特定元素(实际上是一个段落元素)的ID,并打开它的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>
    
    3 回复  |  直到 14 年前
        1
  •  13
  •   nxt    14 年前

    你可以使用 scrollIntoView 功能。

    $(document).ready(function() {
      $('#divN').get(0).scrollIntoView();
    });
    
        2
  •  6
  •   jAndy    14 年前

    jQuery:

    $(document).ready(function(){
       $(document.body).scrollTop($('#divN').offset().top);
    });
    
        3
  •  2
  •   Russ Cam    14 年前

    最简单的方法是使用 Ariel Flesler's scrollTo plugin . 我以前用过几次,它体积小,重量轻,而且很好用。