Do you mean autoscrolling, or scrolling? Scrolling is very easy to do. Set up your div tag's height/width and then add this: overflow="auto". The final product would be something like this:
<div height="100px" width="100px" overflow="auto">YOUR CONTENT HERE</div>
As far at the look you want, I have no Idea how to get it to look like that. (I don't know much about changing the scrollbar).
EDIT: This code is from w3c:
<html>
<head>
<script type="text/javascript">
function setScrollbarColor()
{
document.body.style.scrollbarBaseColor="green";
}
</script>
</head>
<body>
<input type="button" onclick="setScrollbarColor()" value="Set ScrollbarColor" />
<p>An example paragraph</p>
<p>An example paragraph</p>
<p>An example paragraph</p>
<p>An example paragraph</p>
<p>An example paragraph</p>
<p>An example paragraph</p>
<p>An example paragraph</p>
<p>An example paragraph</p>
<p>An example paragraph</p>
<p>An example paragraph</p>
<p>An example paragraph</p>
</body>
</html>
So I guess the style would be something like div{scrollbarBaseColor:#123456;} Then just add a background and border and it should be pretty close.