Solamente debes trabajar con la propiedad
scrollTop del
body del documento.
Código Javascript
:
Ver original$("#scroll-to-bottom").click(function(){
$("body").animate({
scrollTop: "+=" + $(window).height() * 50
}, 2000);
$(this).fadeOut("slow");
});
$(window).scroll(function(){
if ($(this).scrollTop() === 0)
$("#scroll-to-bottom").fadeIn("slow");
});
En este pequeño ejemplo, cuando des un clic en el enlace, se le sumará al valor del scroll la cantidad equivalente multiplicar la altura de la ventana por 50, en realidad puedes multiplicar por otra cifra, pero como es posible visualizar esto en pantallas de grandes dimensiones, pues le doy una cifra alta para que siempre se vaya hasta el final del documento. Como extra, cuando el scroll este en el tope, se volverá a ver el enlace.
DEMO:
http://jsfiddle.net/xKb5p/
Saludos