Window.scrollY

Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.

Résumé

Retourne le nombre de pixels de la page défilé verticalement.

Syntaxe

var y = window.scrollY;
  • y est le nombre de pixels verticaux défilés.

Exemple

// make sure and go down to the second page 
if (window.scrollY) {
  window.scroll(0, 0);  // reset the scroll position to the top left of the document.
}

window.scrollByPages(1);

Notes

Utilisez cette propriété pour être sûre que le document n'as pas été défilé verticalement si vous utilisez les functions de défilement tels que window.scrollBy, window.scrollByLines, ou window.scrollByPages.

La propriété pageYOffset est un alias de la propriété scrollY:

window.pageYOffset == window.scrollY; // toujours vrai

For cross-browser compatibility, utilisez window.pageYOffset à la place de window.scrollY. En outre, les anciennes versions d'Internet Explorer (< 9) ne supportent pas non plus la propriété et doit-être travaillé à l'aide d'autres propriétés qui ne sont pas standarts. Un exemple entièrement compatible:

var supportPageOffset = window.pageXOffset !== undefined;
var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat");

var x = supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documentElement.scrollLeft : document.body.scrollLeft;
var y = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop;

Spécifications

Spécification Status Commentaire(s)
CSS Object Model (CSSOM) View Module
La définition de 'window.scrollY' dans cette spécification.
Version de travail  

Compatibilité des navigateurs

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Oui) (Oui) Edge (Oui) (Oui)
Feature Android Android Webview Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support ? ? ? ? ? ? ? ?

Voir également

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : cyriil_dev
 Dernière mise à jour par : cyriil_dev,