oujood.com

Fenêtre les propriétés pageXOffset et pageYOffset

Les propriétés pageXOffset et pageYOffset retourne les positions en pixels du document actif du coin supérieur gauche de la fenêtre, horizontalement et verticalement
.....

chercher |

Définition et utilisation les propriétés pageXOffset et pageYOffset

JavaScript cours tutorial

Les propriétés pageXOffset et pageYOffset retourne les pixels du document actif a été défilée au-delà du coin supérieur gauche de la fenêtre, horizontalement et verticalement.

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

Exemple Faites défiler le contenu de 100 pixels et afficher une boite d’alerte  pour indiquer pageXOffset et pageYOffset :

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
              <meta charset="UTF-8">
              <title>Exemple pageXOffset
  pageYOffset</title>
  <script>
  function defileFenetre()
    {
    window.scrollBy(100,100)
    alert("pageXOffset: " + window.pageXOffset + " px, et
  pageYOffset: " + window.pageYOffset+" px.")
    }
  </script>
  <style>
  input{position:fixed;top:100px;}
  p{200px}
  </style>
  </head>
  <body>
  <h2>Faites redimensionner la fenêtre jusqu'à avoir les
  barres de difilement horizontales</h2>
  <input type="button" onclick="defileFenetre()" value="qulquez
  moi pour voir le défilement" />
  <p>SCROLL
  SCROLLSCROLLSCROLLSCROLLSCROLLSCROLLSCROLLSCROLLSCROLLSCROLLSCROLLSCROLLSCROLLSCROLLSCROLLSCROLLSCROLLSCROLLSCROLL
  SCROLLSCROLLSCROLLSCROLL</p>
  <br><br><br><br><br><br><br><br>
  <p>SCROLL SCROLLSCROLLSCROLL SCROLLSCROLLSCROLL
  SCROLLSCROLL SCROLLSCROLLSCROLL SCROLLSCROLLSCROLL SCROLLSCROLL
  SCROLL SCROLL SCROLL SCROLLSCROLLSCROLLSCROLL</p>
  <br><br><br><br><br><br><br><br>
  <p>SCROLL SCROLLSCROLLSCROLL SCROLLSCROLLSCROLL
  SCROLLSCROLL SCROLLSCROLLSCROLL SCROLLSCROLLSCROLL SCROLLSCROLL
  SCROLL SCROLL SCROLL SCROLLSCROLLSCROLLSCROLL</p>
  <br><br><br><br><br><br><br><br>
  <p>SCROLL SCROLLSCROLLSCROLL SCROLLSCROLLSCROLL
  SCROLLSCROLL SCROLLSCROLLSCROLL SCROLLSCROLLSCROLL SCROLLSCROLL
  SCROLL SCROLL SCROLL SCROLLSCROLLSCROLLSCROLL</p>
  <br><br><br><br><br><br><br><br>
  <p>SCROLL SCROLLSCROLLSCROLL SCROLLSCROLLSCROLL
  SCROLLSCROLL SCROLLSCROLLSCROLL SCROLLSCROLLSCROLL SCROLLSCROLL
  SCROLL SCROLL SCROLL SCROLLSCROLLSCROLLSCROLL</p>
  <br><br><br><br><br><br><br><br>
  <p>SCROLL SCROLLSCROLLSCROLL SCROLLSCROLLSCROLL
  SCROLLSCROLL SCROLLSCROLLSCROLL SCROLLSCROLLSCROLL SCROLLSCROLL
  SCROLL SCROLL SCROLL SCROLLSCROLLSCROLLSCROLL</p>
  <br><br><br><br><br><br><br><br>
  <p>SCROLL SCROLLSCROLLSCROLL SCROLLSCROLLSCROLL
  SCROLLSCROLL SCROLLSCROLLSCROLL SCROLLSCROLLSCROLL SCROLLSCROLL
  SCROLL SCROLL SCROLL SCROLLSCROLLSCROLLSCROLL</p>
  <br><br><br><br><br><br><br><br>
  </body>
  </html>

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

Les propriétés pageXOffset et pageYOffset sont prises en charge dans tous les principaux navigateurs.

Remarque : C'est à dire les fait 8 et les versions antérieures ne prennent en charge cette propriété, mais peut utiliser « document.body.scrollLeft » et « document.body.scrollTop » à la place.

Syntaxe

window.pageXOffset
window.pageYOffset

Par carabde 30 mars 2014



Voir aussi nos tutoriel :

Balise footer

Définit un pied de page d'un document ou de la section

CSS border

Définit toutes les propriétés de bordure dans une déclaration

Introduction au multimédia

Introduction au multimédia
Ce chapitre décrit quelle multimédia et comment le multimédia peut être géré par les navigateurs web.