На всякий случай ... при DOCTYPE будет не
document.body.scrollTop а
document.documentElement.scrollTop
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">window.onload=function(){
window.onscroll=function(){
if (document.documentElement.scrollTop>100) {
document.body.style.background = 'blue';
}
else {
document.body.style.background = 'red';
}
}
}
</script>
<style type="text/css">
body{padding:1000px 5px; background-color: #FF0000;}
#scroll{
top:100px;
border:1px solid #000;
position:absolute;
}
</style>
</head>
<body>
<div id="scroll">test</div>
</body>
</html>