jQuery animate scroll

You can animate the scrolltop of the page with jQuery.

$('html, body').animate({    scrollTop: $(".middle").offset().top }, 2000);

jquery user-interface scroll effects

You can give this simple jQuery plugin (AnimateScroll) a whirl. It is quite easy to use.

1. Scroll to the top of the page:

$('body').animatescroll();

2. Scroll to an element with ID section-1:

$('#section-1').animatescroll({easing:'easeInOutBack'});

Disclaimer: I am the author of this plugin.

jquery user-interface scroll effects

I just use:

$('body').animate({ 'scrollTop': '-=-'+<yourValueScroll>+'px' }, 2000);