mozilla
Your Search Results

    element.onscroll Redirect 1

    « DOM Reference

    Summary

    An event handler for scroll events on element.

    Syntax

    element.onscroll = functionReference
    

    Parameters

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

    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>

    Notes

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

    Specification

    HTML5 Event Listener . onscroll

    Document Tags and Contributors

    Contributors to this page:
    Last updated by: Sheppy,