DIV 태그안의 스크롤
로빈아빠
본문
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
#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
관련링크
댓글목록
등록된 댓글이 없습니다.