Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Web-APIs
  3. Window
  4. scroll()

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

Window: scroll()-Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.

DieWindow.scroll()-Methode scrollt das Fenster zu einer bestimmten Stelle im Dokument.

Syntax

js
scroll(xCoord, yCoord)scroll(options)

Parameter

xCoord

Das Pixel entlang der horizontalen Achse des Dokuments, das Sie in der oberen linken Ecke anzeigen möchten.

yCoord

Das Pixel entlang der vertikalen Achse des Dokuments, das Sie in der oberen linken Ecke anzeigen möchten.

options

Ein Objekt mit den folgenden Eigenschaften:

top

Gibt die Anzahl der Pixel entlang der Y-Achse an, um die das Fenster oder Element gescrollt werden soll.

left

Gibt die Anzahl der Pixel entlang der X-Achse an, um die das Fenster oder Element gescrollt werden soll.

behavior

Bestimmt, ob das Scrollen sofort oder mit einer sanften Animation erfolgen soll. Diese Option ist ein String, der einen der folgenden Werte annehmen muss:

  • smooth: Scrollen sollte sanft animiert werden
  • instant: Scrollen sollte sofort in einem einzigen Sprung erfolgen
  • auto: Scrollverhalten wird durch den berechneten Wert vonscroll-behavior bestimmt

Rückgabewert

Keiner (undefined).

Beispiele

js
// Put the 100th vertical pixel at the top of the windowwindow.scroll(0, 100);

Verwendung vonoptions:

js
window.scroll({  top: 100,  left: 100,  behavior: "smooth",});

Anmerkungen

Window.scrollTo() ist im Wesentlichen dieselbe Methode. Für relatives Scrollen sieheWindow.scrollBy(),Window.scrollByLines() undWindow.scrollByPages().

Für das Scrollen von Elementen sieheElement.scrollTop undElement.scrollLeft.

Spezifikationen

Specification
CSSOM View Module
# dom-window-scroll

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2026 Movatter.jp