español - plugins jquery para paginas web




jQuery Desplazarse hacia la parte inferior de la página (6)

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.

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?


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

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'


algo como esto:

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

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

Funciona para mi. Se desplaza hacia la parte inferior.


$('#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.





jquery-plugins