jQuery Desplazarse a la parte inferior de la página

Question

Después de que mi página termine de cargar. Quiero que jQuery se deslice suavemente al final de la página, animando rápidamente, no un chasquido/sacudida.

¿Necesito un complemento como ScrollTo para eso? o está integrado en jQuery de alguna forma?

Answer 1

Usted sólo puede animar a desplazarse por la página por la animación de la propiedad scrollTop, no requiere plug-in, así:

$(window).load(function() { 
    $("html, body").animate({ scrollTop: $(document).height() }, 1000); 
}); 

Nota el uso de window.onload (cuando se cargan las imágenes ... que ocupan la altura) en lugar de document.ready.

Para ser técnicamente correcto, es necesario restar la altura de la ventana, pero las obras anteriores:

$("html, body").animate({ scrollTop: $(document).height()-$(window).height() }); 

---

para desplazarse hasta una identificación particular, el uso de su .scrollTop(), así:

$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000); 

Answer 2

algo como esto:

var $target = $('html,body'); 
$target.animate({scrollTop: $target.height()}, 1000); 

Answer 3

$("div").scrollTop(1000); 

Funciona para mí. Se desplaza hacia la parte inferior.

Answer 4

$('html,body').animate({ scrollTop: 9999 }, 'slow'); 

Tan simple como esta, 9999 altura de página ... gran alcance para que pueda llegar al fondo.

Answer 5

El uso de 'document.body.clientHeight' se puede obtener la altura visto de los elementos del cuerpo

$('html, body').animate({ 
    scrollTop: $("#particularDivision").offset().top - document.body.clientHeight + $("#particularDivision").height() 
}, 1000); 

esta se desplaza en el id 'particularDivision'

Answer 6

js

var el = document.getElementById("el"); 
el.scrollTop = el.scrollHeight - el.scrollTop; 

Answer 7

El guiones mencionados en respuestas anteriores, como:

$("body, html").animate({ 
    scrollTop: $(document).height() 
}, 400) 

no funcionará en Chrome y habrá saltos en Safarien caso dehtml etiqueta en CSS tiene overflow: auto; conjunto de propiedades. Me llevó casi una hora descubrirlo.

Answer 8

$('#pagedwn').bind("click", function() { 
     $('html, body').animate({ scrollTop:3031 },"fast"); 
     return false; 
}); 

Esta solución funcionó para mí. Está trabajando en la página Desplazarse hacia abajo rápidamente.

Answer 9

Puede probar este

var scroll=$('#scroll'); 
scroll.animate({scrollTop: scroll.prop("scrollHeight")});