2009년 7월 3일 금요일

[자바스크립트] 현재 스크롤 위치 알아내기

var getNowScroll = function(){
var de = document.documentElement;
var b = document.body;
var now = {};

now.X = document.all ? (!de.scrollLeft ? b.scrollLeft : de.scrollLeft) : (window.pageXOffset ? window.pageXOffset : window.scrollX);
now.Y = document.all ? (!de.scrollTop ? b.scrollTop : de.scrollTop) : (window.pageYOffset ? window.pageYOffset : window.scrollY);

return now;

}

소스는 어렵지 않아서 별다른 설명이 필요 없을 것 같네요.
IE7, FF2 에서 테스트 해보았으며,
사용법은 간단합니다

<input type="button" onclick="CurrentScroll()" value="지금 스크롤 위치를 알려줘">

<script type="text/javascript">
var CurrentScroll = function(){
nowScroll = getNowScroll();
alert(nowScroll.X + "," + nowScroll.Y);
}
</script>



http://jdsharp.us/ 에 스크롤 위치구하는 코드가 잘 짜여져 있어, 이 코드를 사용하였습니다.

 

출처 : [js] 현재 스크롤 알아내기

댓글 없음:

댓글 쓰기