如何滚动到特定的<li>?</li>

时间:2011-10-12 17:28:18

标签: javascript jquery html

如何将用户发送到自动滚动到给定<li>的网址?

E.g mysite.com/something.html#someItem

让他滚动到

<ul>
   <li id='someItem'>Something here</li>
</ul>

3 个答案:

答案 0 :(得分:8)

正是如此。
您的代码将按原样运行。

答案 1 :(得分:1)

有很多使用jQuery滚动到(任意)元素的示例。甚至还有插件可以帮助你,比如ScrollTo。 : - )

如果你想要一个(真的)简单的例子,那么它就是:

function scrollTo(selector) {
    $('html, body').stop().animate({
        scrollTop: $(selector).offset().top
    }, 1000,'easeInOut');
}

答案 2 :(得分:0)

您需要一个锚标记。像这样:

<ul>
   <li id='someItem'>
       <a name='someItem'></a>
       Something here
   </li>
</ul>

编辑:标记