Propiedad scrollY de la ventana HTML DOM

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

Publicación traducida automáticamente

Artículo escrito por taran910 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *