div 스크롤 위치 구하기 (후리자 보드 따라하기)

ajax 보드중에 가장 맘에 드는것
이라는 글에서 "후리자보드"를 소개한적이 있는데,
거기서 사용된 스크롤 위치를 구하는 방법이다.

물론 후리자 보드에서는 iframe 을 쓴것같지만 , div 로도 가능할것으로 생각된다.
prototype을 사용했다.

스크롤 위치만 알수 있다면, 게시판 글 번호등과 매치시켜서 리스트 뿌려주면 될것같다.

<style>
#scroll__{
   width:300px;
   height:200px;
   border:2px solid #999999;
   overflow:auto;
  
}
</style>
<script language="javascript" src="/prototype.js"></script>
<script>
   function getPosition(){
//스크롤 총 높이
       var t=$('scroll__').scrollHeight;
//현재 스크롤 위치
       t=t+','+$('scroll__').scrollTop;
//위치를 뿌려준다
       $('po').innerHTML=t;
   }

</script>
<div id="po"></div>
<div id="scroll__">테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 </div>

<script>
//이벤트 옵저버 : 스타크의 옵저버랑 비슷함 -_-;
   Event.observe('scroll__','scroll',getPosition,false);
</script>

[!] 현재 페이지의 스크롤 위치를 구할려면?
--> document.body.scrollTop