Définir la position de défilement

J'essaie de définir la position de défilement sur une page pour que le défilement défile jusqu'en haut.

Je pense que j'ai besoin de quelque chose comme ça mais ça ne marche pas:

(function () { alert('hello'); document.body.scrollTop = 0; } ());

Des idées?

Vous pouvez utiliser window.scrollTo(), comme ceci:

window.scrollTo(0, 0); // values are x,y-offset

A noter également window.scrollBy(dx,dy)( ref )

Notez que si vous souhaitez faire défiler un élément au lieu de la fenêtre complète, les éléments n'ont pas les méthodes scrollToet scrollBy. Vous devriez:

var el = document.getElementById("myel"); // Or whatever method to get the element

// To set the scroll
el.scrollTop = 0;
el.scrollLeft = 0;

// To increment the scroll
el.scrollTop += 100;
el.scrollLeft += 100;

Vous pouvez également imiter les fonctions window.scrollToet window.scrollByavec tous les éléments HTML existants de la page Web sur les navigateurs qui ne le prennent pas en charge de manière native :

Object.defineProperty(HTMLElement.prototype, "scrollTo", {
    value: function(x, y) {
        el.scrollTop = y;
        el.scrollLeft = x;
    },
    enumerable: false
});

Object.defineProperty(HTMLElement.prototype, "scrollBy", {
    value: function(x, y) {
        el.scrollTop += y;
        el.scrollLeft += x;
    },
    enumerable: false
});

afin que vous puissiez faire:

var el = document.getElementById("myel"); // Or whatever method to get the element, again

// To set the scroll
el.scrollTo(0, 0);

// To increment the scroll
el.scrollBy(100, 100);

REMARQUE: Object.definePropertyest encouragé, car ajouter directement des propriétés au prototypeest une mauvaise habitude (quand vous le voyez :-).

... Ou remplacez simplement bodypar documentElement:

document.documentElement.scrollTop = 0;