JavaScript | Método ScrollTO de ventana
Sintaxis del método scrollto ()
ventana.scrollTO (x-coordenate, y-coordenate);
En esta sintaxis:
- ventana es el objeto de la ventana del navegador.
- X-coordenada es el desplazamiento horizontal a la ventana del navegador en.
- Coordenado es el desplazamiento vertical para desplazar la ventana del navegador en.
Demostración del método de ventana scrollto ()
Para demostrar el funcionamiento del método ScrollTO, comience creando un archivo HTML con las siguientes líneas:
Estoy colocado a 4000px verticalmente
En este fragmento de código HTML anterior,
- A atrevido La etiqueta fue creada con algún texto dentro de él con la clase siendo despapateado. Esta clase se utilizará para colocar esta etiqueta a 4000px con la ayuda de CSS.
- Se creó un botón que llama al Haga clic () función en el archivo JavaScript.
Una vez hecho eso, queremos agregar las siguientes líneas a la CSS de nuestra página web:
cuerpo
Altura: 7000px;
.desplazado
Posición: Absoluto;
arriba: 4000px;
En el fragmento CSS anterior:
- La altura de la etiqueta del cuerpo se establece en 7000px, por lo que la página web se vuelve desplazable incluso sin tener más elementos en ella.
- El atrevido Etiqueta con la clase despapateado se ha colocado a 4000px.
La ejecución de la página web ahora nos proporciona la siguiente salida en la ventana del navegador:
Como puede ver desde la salida, para visitar el atrevido etiqueta, uno debe desplazar manualmente la ventana del navegador.
Para agregar funcionalidad al botón para que nos desplaze directamente en el atrevido Etiqueta con texto, escriba las siguientes líneas en el archivo de script:
función hizo clic ()
ventana.ScrollTO (0, 4000);
En estas líneas, se crea la función Clicked (), que se llama al presionar el botón, y en esta función, simplemente estamos pasando el Coordenado AS 4000PX al método de ventana scrollTO (). Esto proporciona el siguiente resultado en la página web HTML:
Como se muestra claramente en la salida, presionando el botón achila la ventana del navegador a 4000px verticalmente.
Envolver
El método de la ventana scrollTo () se usa para llamar al objeto de la ventana del navegador y luego desplazar la ventana del navegador a una posición específica pasando el X y Y coordenan en sus argumentos. Este artículo demostró el funcionamiento del método de ventana scrollTO () con la ayuda de un ejemplo.