JavaScript Tutorial/jQuery/scroll
scroll(fn) event fires when a document view is scrolled.
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function () {
$("span").css("display", "inline").fadeOut("slow");
});
});
</script>
</head>
<body>
<body>
<span>Scroll happened!</span>
</body>
</html>
To do something when your page is scrolled:
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function () {
$("span").css("display", "inline").fadeOut("slow");
});
});
</script>
</head>
<body>
<body>
<span>Scroll happened!</span>
</body>
</html>