diff options
Diffstat (limited to 'files/de/web/api/window/scrollto/index.html')
-rw-r--r-- | files/de/web/api/window/scrollto/index.html | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/files/de/web/api/window/scrollto/index.html b/files/de/web/api/window/scrollto/index.html new file mode 100644 index 0000000000..c33f70df89 --- /dev/null +++ b/files/de/web/api/window/scrollto/index.html @@ -0,0 +1,75 @@ +--- +title: Window.scrollTo() +slug: Web/API/Window/scrollTo +tags: + - API + - Méthode + - Referenz +translation_of: Web/API/Window/scrollTo +--- +<div>{{ APIRef }}</div> + +<p><strong><code>Window.scrollTo()</code></strong> scrollt zu einer spezifischen Koordinate im Dokument.</p> + +<h2 id="Syntax">Syntax</h2> + +<pre class="syntaxbox">window.scrollTo(<em>x-Koordinate</em>, <em>y-Koordinate</em>) +window.scrollTo(<em>options</em>) +</pre> + +<h3 id="Parameter">Parameter</h3> + +<ul> + <li><code>x-Koordinate</code> ist der Pixel auf der horizontalen Achse des Dokuments, wo der obere linke Punkt sein soll.</li> + <li><code>y-koordinate</code> ist der Pixel auf der vertikalen Achse des Dokuments, wo der obere linke Punkt sein soll.</li> +</ul> + +<p>- or -</p> + +<ul> + <li><code>options</code> ist ein {{domxref("ScrollToOptions")}} Dictionary.</li> +</ul> + +<h2 id="Beispiele">Beispiele</h2> + +<pre class="brush:js">window.scrollTo(0, 1000); +</pre> + +<p>Mit Benutzung von <code>options</code>:</p> + +<pre class="brush: js">window.scrollTo({ + top: 100, + left: 100, + behavior: 'smooth' +});</pre> + +<h2 id="Anmerkungen">Anmerkungen</h2> + +<p>{{domxref("Window.scroll()")}} ist im Endeffekt die gleiche Methode. Schau dir {{domxref("Window.scrollBy()")}}, {{domxref("Window.scrollByLines()")}}, und {{domxref("Window.scrollByPages()")}} für relatives scrollen an.</p> + +<p>Um Elemente zu scrollen, schau dir {{domxref("Element.scrollTop")}} und {{domxref("Element.scrollLeft")}} an.</p> + +<h2 id="Spezifikationen">Spezifikationen</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Spezifikation</th> + <th scope="col">Status</th> + <th scope="col">Kommentar</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('CSSOM View', '#dom-window-scroll', 'window.scroll()') }}</td> + <td>{{ Spec2('CSSOM View') }}</td> + <td>Anfängliche Definition.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2> + + + +<p>{{Compat("api.Window.scrollTo")}}</p> |