Суть в том: создаешь новый блок внутри и его двигаешь вверх.
Код:
<html>
<head>
<title>TEST</title>
<style>
#bl {width: 600px; height: 100px; overflow: scroll; padding: 4px; border: 1px solid #000; position: relative}
#bl_in {position: absolute; overflow: hidden}
</style>
<script type="text/javascript">
var top_y=0;
function MyScrollBl(count) {
top_y -= count;
document.getElementById('bl_in').style.top = top_y;
return true;
}
</script>
</head>
<body>
<input type="button" value="SCROLL" onclick="MyScrollBl(2);"/>
<div id="bl">
<div id="bl_in">
<script>for (i=0; i<20; i++)document.write('
'+i+'</p>');</script>
</div>
</div>
</body>
</html>