Propriété scrollX de Window

Objet Window JavaScript

scrollXRetourne le document/Le nombre de pixels défilés horizontalement sur la page.

La propriété scrollX estpageXOffsetAlias de la propriété.

Syntaxe :

window.scrollX

var x = window.scrollX;
var y = window.scrollY;

Attention : Les propriétés scrollX et scrollY sont égales aux propriétés pageXOffset et pageYOffset.

Compatibilité du navigateur

Le nombre dans le tableau indique la première version de navigateur qui prend en charge pleinement la propriété scrollX :

Détails techniques

Plus d'exemples

Faites défiler le contenu100 pixels, et affiche scrollX et scrollY :

window.scrollBy(100,　100);
var x = window.scrollX;
var y = window.scrollY;

Solution de compatibilité entre navigateurs (pour IE8et les versions plus anciennes, utilisent scrollLeft et scrollTop) :

var x = (window.scrollX !== undefined)
　　?　window.scrollX
　　:　(document.documentElement　||　document.body.parentNode　||　document.body).scrollLeft;
var　y　=　(window.scrollY　!==　undefined)
　　?　window.scrollY
　　:　(document.documentElement　||　document.body.parentNode　||　document.body).scrollTop;

Références associées

Référence Fenêtre (Window) :window.pageXOffset propriété

Référence Fenêtre (Window) :window.pageYOffset propriété

Référence Fenêtre (Window) :window.scrollY propriété

Référence HTML DOM :element .scrollLeft propriété

Référence HTML DOM :element .scrollTop propriété

Objet Window JavaScript