para - jQuery Desplazarse hacia la parte inferior de la página

jquery ui

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

Los guiones mencionados en respuestas anteriores, como:

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

no funcionará en Chrome y estará nervioso en Safari en caso de que la etiqueta html en CSS tenga overflow: auto; conjunto de propiedades. Me llevó casi una hora descubrirlo.

Answer 2

Puede animar para desplazarse hacia abajo por la página animando la propiedad scrollTop , no se requiere ningún complemento, como este:

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

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

Para ser técnicamente correcto, debe restar la altura de la ventana, pero lo anterior funciona:

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

Para desplazarse a una ID particular, use su .scrollTop() , como este:

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

Answer 3

Puedes intentar esto

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

Answer 4

Usando ''document.body.clientHeight'' puede obtener la altura vista de los elementos del cuerpo

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

esto se desplaza en el id ''particularDivisión''

Answer 5

algo como esto:

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

Answer 6

js

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

Answer 7

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

Funciona para mi. Se desplaza hacia la parte inferior.

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

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

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