Scroll animato con jQuery

Quella che segue è un piccolo snippet jQuery che vi permette di scrollare la pagina in maniera fluida fino ad un elemento desiderato, indicato dal selettore passato come parametro.

function scrollWin(anc){
	target = $(anc);
	$('html, body').animate({
		scrollTop: target.offset().top
	}, 1000);
}

Ed ecco un esempio d'uso, al click sugli elementi con classe "scroller" la pagina scrollerà  fino all'elemento con ID "pippo".

$(".scroller").click(function() {
    scrollWin("#pippo");
});

Se volete potete modificare facilmente la funzione per passare come parametro la durata dell'animazione, ora impostata ad un secondo.