File Under: JavaScript
Feb
15
2010

JavaScript Event – Scroll

By

This code was written based on a template by John Resig. The original can be found at John Resig’s addEvent function website.

The code, and the template, are referred to in Webmonkey’s JavaScript Events reference page. In this example, the onScroll event fires when the page is scrolled. The event can also be attached to other objects that are scrollable, such as a textarea.

The Code

<html>

<head>

<script>

// addEvent function by John Resig:

// http://ejohn.org/projects/flexible-javascript-events/

function addEvent( obj, type, fn ) {

  if ( obj.attachEvent ) {

    obj['e'+type+fn] = fn;

    obj[type+fn] = function(){obj['e'+type+fn]( window.event );}

    obj.attachEvent( 'on'+type, obj[type+fn] );

  } else

    obj.addEventListener( type, fn, false );

}

</script>

</head>

<body>



<!-- HTML for example event goes here -->

<div style="height: 2000px;"></div>



<script>

// Script for example event goes here

addEvent(window, 'scroll', function(event) {

	alert('The page is being scrolled');

});

</script>

</body>

</html>

What it Looks Like

Tags: