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