Sintaxis:
var Scry = window.scrollY
Valor de retorno: T
Ejemplo: este ejemplo muestra cómo obtener el número exacto de píxeles que se desplazan del documento utilizando esta propiedad.
Aquí, hemos adjuntado un encabezado vertical largo para exceder el marco y permitir el desplazamiento.
HTML
<!DOCTYPE HTML> <html> <body style="text-align:center;"> <h1 style="color:green;"> G<br> e<br> e<br> k<br> s<br> f<br> o<br> r<br> G<br> e<br> e<br> k<br> s<br> </h1> <p> HTML | window scrollY property </p> <button onclick="Geeks()"> Click Here </button> <p id="a"></p> <script> var a = document.getElementById("a"); function Geeks() { a.innerHTML = "scrollY is : " + window.scrollY; } </script> </body> </html>
Producción:
-
Antes de hacer clic en el botón:
-
Después de hacer clic en el botón:
Navegadores compatibles:
- Google Chrome
- Safari
- Firefox
- Ópera
- Borde