Est-ce que jQuery a des fonctions pour faire défiler le client jusqu'au bas du port de vue?

Question

Je souhaite animer un défilement vers le bas de la fenêtre avec jQuery. Existe-t-il un plugin disponible qui ne soit pas excessif (c.-à-d. Sans un ensemble de fonctionnalités énorme pour cette petite tâche);

Existe-t-il un plugin disponible ou un moyen de le faire en mode natif avec jQuery?

Answer 1

jQuery rend ce genre de choses tellement trivial que vous n’avez simplement 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 n'importe quel élément qui défile, comme un div. t est le temps en ms sur lequel l'animation sera exécutée et x est votre position pour faire défiler en px. Notez que cela fonctionne aussi avec scrollLeft mais pas avec scrollRight ou scrollBottom (pas une limitation de jQuery mais de JavaScript).

Answer 2

vous pouvez toujours faire la ligne suivante pour faire défiler un élément vers le bas

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

Answer 3

Vérifiez le plug-in jQuery.ScrollTo vous permet de naviguer jusqu'à des positions déterminées (fixes ou absolues). ), en utilisant des sélecteurs, des éléments DOM, etc.

Consultez les démos ...

.

Answer 4

Pour élaborer sur les réponses de Darko Z et de CMS, voici ce que j’avais utilisé pour animer le défilement d’un élément spécifique:

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