Scroll down o up con jQUERY

Sí queréis subir o bajar en vuestra web mediante javascript con jQuery es tan sencillo como:

Para subir:
$("html,body").animate({ scrollTop: 0 }, 1000);
Para bajar:
$("html,body").animate({ scrollTop: $(document).height() }, 1000);

El segundo parámetro de la función animate, contiene la velocidad de la animación, en nuestro caso hemos puesto 1000, pero también puede contener los valores literales "slow" o "fast".

Por último y muy importante. ¡Esto no funcionará en Chrome ni Firefox si tenéis el body y html con overflow a hidden!

html, body { height: 100%; overflow: hidden; }

Comentarios

Entradas populares de este blog

Envío de checkboxes o selector multiple por AJAX con jQuery

Patrones de Diseño en PHP

Conceptos básicos de la POO en PHP