El evento HTML DOM onscroll ocurre cuando se usa una barra de desplazamiento. El desbordamiento de CSS se utiliza para crear una barra de desplazamiento.
Etiquetas admitidas
- <dirección>
- , <cita en bloque>
- , <cuerpo>
- , <título>
- , <centro>
- , <dd>
- , <directorio>
- , <división>
- , <dl>
- , <dt>
- , <conjunto de campos>
- , <formulario>
- , <h1>a <h6>
- , <html>
- , <li>
- , <menú>
- , <objeto>
- , <ol>
- , <p>
- , <antes>
- , <seleccionar>
- , <tcuerpo>
- , <área de texto>
- , <pie>
- , <cabeza>
- , <ul>
Sintaxis:
- En HTML:
<element onscroll="myScript">
- En JavaScript:
object.onscroll = function(){myScript};
- En JavaScript, usando el método addEventListener():
object.addEventListener("scroll", myScript);
Ejemplo: uso del método addEventListener()
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM onscroll Event
</title>
</head>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML DOM onscroll Event</h2>
<textarea style="width:100%" id="tID">
HTML stands for Hyper Text Markup Language.
It is used to design web pages using markup language.
HTML is the combination of Hypertext and Markup language.
Hypertext defines the link between the web pages.
Markup language is used to define the text document
within tag which defines the structure of web pages.
HTML is a markup language which is used by the browser
to manipulate text, images and other content to
display it in required format.
</textarea>
<p id="try"></p>
</center>
<script>
document.getElementById(
"tID").addEventListener("scroll", GFGfun);
function GFGfun() {
document.getElementById(
"try").innerHTML = "Textarea scrolled.";
}
</script>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con HTML DOM onscroll Event se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA