How to scroll to specific item using jQuery ?

Question

I have a big table with vertical scroll bar. I would like to scroll to a specific line in this table using jQuery/Javascript.

Should I look for plug-ins for this task, or there are built-in methods ?

Here is a little example to play with.

Thanks a lot !

Answer 1

I like this one: http://flesler.blogspot.com/2007/10/jqueryscrollto.html

See the demo: http://demos.flesler.com/jquery/scrollTo/

Answer 2

I've always found the jQuery scrollTo plugin to be very useful for this. Play with the demos to see if it's for you.

Answer 3

Dead simple. No plugins needed.

var container = $('div'),
    scrollTo = $('#row_8');

container.scrollTop(
    scrollTo.offset().top - container.offset().top
);

// Or you can animate the scrolling:
container.animate({
    scrollTop: scrollTo.offset().top - container.offset().top
});​

Documentation for scrollTop.