Descripción
El evento onscroll de HTML es un evento que se activa cuando el usuario desplaza una barra de desplazamiento en un elemento. Es útil para rastrear el progreso de un desplazamiento o para crear efectos visuales durante el desplazamiento.
Sintaxis
La sintaxis del evento onscroll es la siguiente:
<elemento onscroll = "función"></elemento>
Donde elemento es cualquier elemento HTML y función es la función que quieres que se ejecute cuando se produce el evento.
Ejemplo
Aquí hay un ejemplo simple de cómo usar el evento onscroll:
<!DOCTYPE html>
<html>
<body onscroll="myFunction()">
<h1>Evento onscroll</h1>
<p>Desplázate en esta página.</p>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Has desplazado la página verticalmente.";
}
</script>
</body>
</html>
En este ejemplo, cuando el usuario desplaza la página, se activa la función myFunction(), que cambia el contenido del párrafo.
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.