jQuery Rolar para a parte inferior da página

Depois que minha página terminar de carregar. Eu quero que o jQuery role bem até o final da página, animando rapidamente, não um estalo / solavanco.

Preciso de um plugin como o ScrollTo para isso? ou isso é construído em jQuery de alguma forma?

Você pode apenas animar para rolar a página animando a propriedade scrollTop , sem necessidade de plugin, assim:

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

Observe o uso de window.onload (quando as imagens são carregadas … que ocupam a altura) em vez de document.ready .

Para ser tecnicamente correto, você precisa subtrair a altura da janela, mas os itens acima funcionam:

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

Para rolar para um ID específico, use seu .scrollTop() , assim:

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

algo assim:

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

Tão simples como isso, 9999 altura da página … grande alcance para chegar ao fundo.

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

Funciona para mim. Rola até o final.

Você pode tentar isso

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

Usando ‘document.body.clientHeight’ você pode obter a altura dos elementos do corpo

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

isso rola no id ‘particularDivision’

js

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

Os scripts mencionados nas respostas anteriores, como:

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

não funcionará no Chrome e será agitado no Safari caso a tag html em CSS tenha overflow: auto; conjunto de propriedades. Demorei quase uma hora para descobrir.

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

Essa solução funcionou para mim. Ele está trabalhando no Page Scroll Down rapidamente.

Para jQuery 3, por favor troque

$ (janela) .load (function () {$ (“html, body”). animar ({scrollTop: $ (document) .height ()}, 1000);})

para:

$ (janela) .on (“load”, function (e) {$ (“html, body”). animar ({scrollTop: $ (document) .height ()}, 1000);})