Scroll the page to an <a> with a particular href with jQuery

Question

When the user clicks a button, I want his browser to automatically scroll to an <a> with a certain href (let's call it "abc"). Ideally the scrolling would be nicely animated in some way.

Answer 1

Give a look to the jQuery.scrollTo plugin.

With that plugin you could simply:

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

Answer 2

You don't need any plugin.

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

Answer 3

Way simpler:

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

Even no need for jQuery ;)