diff options
Diffstat (limited to 'files/es/web/api/window/scroll/index.html')
-rw-r--r-- | files/es/web/api/window/scroll/index.html | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/files/es/web/api/window/scroll/index.html b/files/es/web/api/window/scroll/index.html new file mode 100644 index 0000000000..ec2c61ab41 --- /dev/null +++ b/files/es/web/api/window/scroll/index.html @@ -0,0 +1,84 @@ +--- +title: Window.scroll() +slug: Web/API/Window/scroll +tags: + - API + - CSSOM View + - Referencia + - metodo +translation_of: Web/API/Window/scroll +--- +<div>{{APIRef}}</div> + +<p>El método <code><strong>Window.scroll()</strong></code> desplaza la ventana a un lugar particular en el documento.</p> + +<h2 id="Sintaxis">Sintaxis</h2> + +<pre class="syntaxbox">window.scroll(<em>x-coord</em>, <em>y-coord</em>) +window.scroll(<em>options</em>) +</pre> + +<h3 id="Parámetros">Parámetros</h3> + +<ul> + <li><code>x-coord</code> es la coordenada sobre el eje horizontal del documento del pixel que querés que se muestre en la parte superior izquierda.</li> + <li><code>y-coord</code> es la coordenada sobre el eje vertical del documento del pixel que querés que se muestre en la parte superior izquierda.</li> +</ul> + +<p>- o -</p> + +<ul> + <li><code>options</code> es un diccionario {{domxref("ScrollToOptions")}}.</li> +</ul> + +<h2 id="Ejemplo">Ejemplo</h2> + +<pre class="brush:html;htmlScript:true;"><!-- poner el pixel 100º verticalmente en el tope superior de la ventana --> + +<button onClick="scroll(0, 100);">Clic para desplazarse hacia abajo 100 pixeles</button> +</pre> + +<p>Utilizando <code>options</code>:</p> + +<pre class="brush: js">window.scroll({ + top: 100, + left: 100, + behavior: 'smooth' +});</pre> + +<h2 id="Notas">Notas</h2> + +<p>{{domxref("Window.scrollTo()")}} es efectivamente idéntico a este método. Para desplazamiento relativo, mira {{domxref("Window.scrollBy()")}}, {{domxref("Window.scrollByLines()")}} y {{domxref("Window.scrollByPages()")}}.</p> + +<p>Para desplazarse sobre elementos, mira {{domxref("Element.scrollTop")}} y {{domxref("Element.scrollLeft")}}.</p> + +<h2 id="Especificación">Especificación</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificación</th> + <th scope="col">Estado</th> + <th scope="col">Comentario</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('CSSOM View', '#dom-window-scroll', 'window.scroll()') }}</td> + <td>{{ Spec2('CSSOM View') }}</td> + <td>Definición inicial.</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2> + +<p>{{Compat("api.Window.scroll")}}</p> + +<h2 id="Ver_también">Ver también</h2> + +<ul> + <li>{{domxref("Window.scrollByLines()")}}</li> + <li>{{domxref("Window.scrollByPages()")}}</li> + <li>{{domxref("Element.scrollIntoView()")}}</li> +</ul> |