Faire défiler la fenêtre du navigateur avec jQuery

Question

Je veux faire défiler la fenêtre du navigateur en réponse à certaines actions de l'utilisateur.

J'ai découvert scrollLeft dans une réponse de stackoverflow . A partir de là, j'ai pu trouver scrollTop et j'ai obtenu le résultat suivant :

$(window).scrollTop((Number($(window).scrollTop())+100)+'px');

Le défilement se fait en effet, mais vers le haut de la page. Quelle que soit la valeur par laquelle je remplace 100 (j'ai même essayé des nombres négatifs), le défilement se fait toujours vers le haut de la page. (Remarque : $(window).scrollTop() retourne 0).

Quelqu'un peut-il me donner quelques conseils sur ce que je pourrais manquer ?

Answer 1

scrollTop prend simplement un nombre, plutôt qu'un px valeur.

$(window).scrollTop($(window).scrollTop()+100);

Cela devrait être suffisant.

Answer 2

Vous n'avez pas besoin Number cause scrollTop renvoie un nombre

scrollTop s'exécutera s'il y a une scrollHeight disponible qui est supérieure à la hauteur de l'élément, et c'est toujours un nombre positif.

et ça devrait ressembler à ça :

$(window).scrollTop( $(window).scrollTop()+100 );

vous n'avez pas besoin de la 'px'

Answer 3

Non px requis...

$(document).ready(function(){
    $(window).scrollTop(($(window).scrollTop()+600));
});

Violon