Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

GlobalEventHandlers.onscroll

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Un manejador de eventos para desplazamiento en element.

Sintaxis

element.onscroll = functionReference

Parámetros

functionReference es una referencia a una función para ser ejecutada cuando  element es desplazado (enrollado).

Example

<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="UTF-8" />
  <style>
  #container {
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    width: auto;
    left: 0;
    right: 0;
    overflow: auto;
  }

  #foo {
    height:1000px;
    width:1000px;
    background-color: #777;
    display: block;
  }

  </style>
  </head>
  <body>
    <div id="container">
      <div id="foo"></div>
    </div>

    <script type="text/javascript">
      document.getElementById('container').onscroll = function() {
        console.log("scrolling");
      };
    </script>
  </body>
</html>

Notas

El evento es generado cuando el usuario realiza desplazamiento (scrolls) sobre el contenido de un elemento. Element.onscroll es equivalente a element.addEventListener("scroll" ... ).

Especificaciones

Especificación Estado Observaciones
Document Object Model (DOM) Level 3 Events Specification
The definition of 'onscroll' in that specification.
Working Draft Definición inicial

Etiquetas y colaboradores del documento

 Colaboradores en esta página: Grijander81
 Última actualización por: Grijander81,