Este atributo de desplazamiento funciona cuando se desplaza la barra de desplazamiento de un elemento. Para crear una barra de desplazamiento en un elemento, utilice la propiedad de desbordamiento de CSS.
Etiquetas compatibles: admite todos los elementos HTML.
Sintaxis:
<element onscroll = "script">
Atributo: este atributo es compatible con todos los elementos HTML y el atributo funciona cuando se activa el script.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>onscroll attribute</title>
<style>
#gfg {
border: 1px solid black;
width: 400px;
height: 100px;
overflow: scroll;
text-align: justify;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>onscroll attribute</h2>
<div id="gfg" onscroll="Geeks()">
<b>GeeksforGeeks:</b> A computer science portal for
geeks.It ia a good wqebsite for learning computer
science. It has a good programming Question and have
many Interwiew Experiences. Prepare for the Recruitment
drive of product based companies like Microsoft,
Amazon, Adobe etc with a free online placement
preparation course. The course focuses on various
MCQ's & Coding question likely to be asked in the
interviews & make your upcoming placement season
efficient and successful.
</div>
<script>
function Geeks() {
document.getElementById("gfg").style.color = "green";
}
</script>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo onscroll se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA