suchen

Heim >Web-Frontend >HTML-Tutorial >Welche Rolle spielt das scrollX-Attribut in JavaScript?

Welche Rolle spielt das scrollX-Attribut in JavaScript?

PHPz
PHPznach vorne
2023-09-22 23:33:031436Durchsuche

Das scrollX-Attribut in

Welche Rolle spielt das scrollX-Attribut in JavaScript?

JavaScript hat die gleiche Wirkung wie das pageXoffset-Attribut. Wenn Sie die Pixel ermitteln möchten, um die das Dokument von der oberen linken Ecke des Fensters gescrollt wird, verwenden Sie die scrollX-Eigenschaft für horizontale Pixel.

Beispiel

Sie können versuchen, den folgenden Code auszuführen, um zu erfahren, wie Sie das scrollX-Attribut in JavaScript verwenden. 

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color: yellow;
            height: 1500px;
            width: 1500px;
         }
      </style>
   </head>
   <body>
      <script>
         function scrollFunc() {
            window.scrollBy(200, 200);
            alert("Horizontal: " + window.scrollX);
         }
      </script>
      <button onclick = "scrollFunc()" style = "position:fixed;">Scroll</button>
      <br><br><br>
      <div>
      </div>
   </body>
</html>

Das obige ist der detaillierte Inhalt vonWelche Rolle spielt das scrollX-Attribut in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Erlauben Sie den Zugriff auf Kamerageräte nur in HTML5Nächster Artikel：Erlauben Sie den Zugriff auf Kamerageräte nur in HTML5

In Verbindung stehende Artikel

Mehr sehen