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