не работает и то, на что вы ссылку прислали
вот код
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
body{
height: 150px;
background-color: #FFCC66;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="dfg3443">
sdfsdf sdfsdf sdfsdf sdfsdf<br>
dfsdf werkl wjrwek rkwe <br>
sdf wer werwe rwe
</div>
<script>
var lastScrollTop = 0;
$("#dfg3443").scroll(function(event){
var st = $(this).scrollTop();
if (st > lastScrollTop){
//вниз
alert('вниз');
} else {
// вверх
alert('вверх');
}
lastScrollTop = st;
});
</script>
</body>
</html>