jQuery Scroll To bottom of the page (Défilement vers le bas de la page)

Question

Une fois que ma page est chargée. Je veux que jQUery fasse gentiment défiler le bas de la page, en l'animant rapidement, sans à-coups.

Ai-je besoin d'un plugin comme ScrollTo pour cela ? ou est-ce intégré à jQuery d'une certaine manière ?

Answer 1

Vous pouvez simplement animer le défilement vers le bas de la page en animant l'élément scrollTop sans plugin, comme ceci :

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

Notez l'utilisation de window.onload (lorsque les images sont chargées... qui occupent de la hauteur) plutôt que de document.ready .

Pour être techniquement correct, vous devez soustraire la hauteur de la fenêtre, mais ce qui précède fonctionne :

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

---

Pour faire défiler un ID particulier, utilisez sa fonction .scrollTop() comme ceci :

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

Answer 2

Quelque chose comme ça :

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

Answer 3

Vous pouvez essayer ceci

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

Answer 4

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

Aussi simple que cela, 9999 hauteur de page ... grande gamme de sorte qu'il peut atteindre le fond.

Answer 5

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

Ça marche pour moi. Défilement jusqu'en bas.