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;
}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(){
</script>
<script type="text/javascript">
var CurrentScroll = function(){
nowScroll = getNowScroll();
alert(nowScroll.X + "," + nowScroll.Y);
}alert(nowScroll.X + "," + nowScroll.Y);
</script>
http://jdsharp.us/ 에 스크롤 위치구하는 코드가 잘 짜여져 있어, 이 코드를 사용하였습니다.
출처 : [js] 현재 스크롤 알아내기
댓글 없음:
댓글 쓰기