Est-ce que jQuery a des fonctions pour faire défiler le client vers le bas du port d'affichage?

Question

Je souhaite animer un défilement vers le bas de la fenêtre d'affichage avec jQuery. Y a-t-il un plugin disponible qui ne soit pas surdimensionné (c'est-à-dire sans un énorme ensemble de fonctionnalités pour cette petite tâche);

Y at-il un plugin disponible ou un moyen de le faire nativement avec jQuery?

Answer 1

jQuery rend les choses comme ça si triviales que vous n'avez pas besoin d'un plugin. Exemple:

var x = 250; //insert your own formula to calculate where you want to scroll to in px 
var t = 500; //arbitrary time in ms 
$("html,body").animate({ scrollTop: x }, t); 

Au lieu de html,body vous pouvez mettre tout élément qui défile, comme un div. t est le temps en ms pendant lequel l'animation va s'exécuter et x est votre position pour faire défiler dans px. Notez que cela fonctionne aussi avec scrollLeft mais pas scrollRight ou scrollBottom (pas une limitation de jQuery mais JavaScript).

Answer 2

Vérifiez le plugin jQuery.ScrollTo, vous pouvez faire défiler à des positions déterminées (fixe ou absolue), en utilisant les sélecteurs, les éléments DOM, et plus ...

Donnez un coup d'oeil à la demos ...

Answer 3

vous pouvez toujours faire la ligne suivante pour faire défiler un élément au fond

$("body").attr({ scrollTop: $("body").attr("scrollHeight") }); 

Answer 4

Pour élaborer les réponses de Darko Z et CMS, voici ce que je faisais pour animer le défilement à un élément spécifique:

var target = $('#elem'); 
$('html,body').animate({scrollTop: target.offset().top}, 500);