Your Search Results

    GlobalEventHandlers.onscroll

    An event handler for scroll events on element.

    SyntaxEdit

    element.onscroll = functionReference

    Parameters

    functionReference is a reference to a function to be executed when element is scrolled.

    ExampleEdit

    <!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>

    NotesEdit

    The scroll event is raised when the user scrolls the contents of an element. Element.onscroll is equivalent to element.addEventListener("scroll" ... ).

    SpecificationsEdit

    Specification Status Comment
    Document Object Model (DOM) Level 3 Events Specification
    The definition of 'onscroll' in that specification.    		 Working Draft Initial definition

    Document Tags and Contributors

    Tags: 
     Contributors to this page: bryanrsmith, Sebastianz, chRyNaN, teoli, MHasan, jczaplew, kscarfone, Sheppy, ziyunfei, crazytonyi, fscholz, Mgjbot, Spocke
     Last updated by: bryanrsmith,