HTML | Atributo de desplazamiento

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

Deja una respuesta

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