Comment sauter en haut de la page du navigateur

Question

J'écris une popup modale et j'ai besoin que le navigateur saute en haut de l'écran lorsque le bouton d'ouverture de la modale est pressé. Existe-t-il un moyen de faire défiler le navigateur vers le haut en utilisant jQuery ?

Answer 1

Vous pouvez définir le scrollTop comme ceci :

$('html,body').scrollTop(0);

Ou si vous voulez une petite animation au lieu d'un coup d'éclat au sommet :

$('html, body').animate({ scrollTop: 0 }, 'fast');

Answer 2

Sans animation, vous pouvez utiliser du simple JS :

scroll(0,0)

Avec l'animation, vérifiez La réponse de Nick .

Answer 3

Si vous utilisez la boîte de dialogue jQuery UI, vous pouvez simplement faire en sorte que la modale apparaisse avec une position fixe dans la fenêtre afin qu'elle ne disparaisse pas, ce qui évite de devoir la faire défiler. Autrement,

var scrollTop = function() {
    window.scrollTo(0, 0);
};

devrait faire l'affaire.

Answer 4

Vous pourriez le faire sans javascript et utiliser simplement des balises d'ancrage ? Ce serait alors accessible à ceux qui n'ont pas de javascript.

mais comme vous utilisez des modales, je suppose que vous ne vous souciez pas d'être libre de js ;)

Answer 5

Vanille Javascript solution

theId.onclick = () => window.scrollTo({top: 0})

Si vous souhaitez un défilement fluide

theId.onclick = () => window.scrollTo({ top: 0, behavior: 'smooth' })