Scroll down o up con jQUERY

12:03 manu 0 Comments

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; }

0 comentarios: