<a>使用jQuery</a>将页面滚动到<a>具有特定href</a>的页面

Question

当用户点击一个按钮时，我希望他的浏览器自动滚动到具有某个href的<a> （让我们称之为“abc”）。 理想情况下，滚动会以某种方式很好地动画。

Answer 1

看一下jQuery.scrollTo插件。

使用该插件，您可以简单地：

$.scrollTo('a[href=abc]');

Answer 2

方式更简单：

element_to_scroll_to = document.getElementById('anchorName2');
element_to_scroll_to.scrollIntoView();

甚至不需要jQuery;）

Answer 3

你不需要任何插件。

$(document.documentElement).animate({
    scrollTop: $('a#abc').offset().top
});