El método Window scrollTo() se usa para desplazarse a un conjunto particular de coordenadas en el documento. Sintaxis:
window.scrollTo(x-coord, y-coord)
Parámetros: El método scrollTo() acepta dos parámetros como se describe a continuación:
- x-coord: Es el píxel a lo largo del eje horizontal del documento que se muestra en la parte superior izquierda. Es el campo requerido.
- y-coord: Es el píxel a lo largo del eje vertical del documento que se muestra en la parte superior izquierda. Es el campo requerido.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>Window scrollTo() Method</title>
<style>
body {
width: 5000px;
height: 5000px;
margin-left: 260px;
}
</style>
</head>
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>
Window scrollTo() Method
</h2>
<p>
A computer science portal for geeks.
</p>
<button onclick="geek()">Click to scroll!</button>
<script>
function geek() {
//Scrolling the document to position "250"
//horizontally and "110" vertically
window.scrollTo(250, 110);
}
</script>
</body>
</html>
Salida: Antes de hacer clic en el botón: 
Después de hacer clic en el botón: 
Navegadores compatibles: Los navegadores compatibles con el método Window scrollTo() se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 4 y superior
- Firefox 1.0 y superior
- Ópera 4 y superior
- Safari 1 y superior
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA