function scrollAutoTestFnc(){
//현재문서의 높이
var scrollHeight = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
//현재 스크롤탑의 값
var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
//현재 화면 높이 값
var clientHeight = document.documentElement.clientHeight;
if((scrollTop+clientHeight) == scrollHeight){ //스크롤이 마지막일때
alert("last") ;
}
}
window.onscroll=function(){
scrollAutoTestFnc();
}
자 이건 어디에 써먹을 수 있느냐.
요즘 스마트폰에서 스크롤을 내리다보면 내용이 계속 추가 되는게 보일텐데;;
상탄의 alert부분에 AJAX로 작동하는 Contents 내용 추가 해주는 함수를 넣어주면 스크롤이 젤 하단에 내려가면
자동으로 일정부분 Contents가 추가 되는 화면 구성을 만들 수 있을 것이다.
아직 실험은 안해봤지만;;;
요즘 만들고 있는 Android Hybrid Application에 적용해 보려합니다.
Chrome 브라우져에서도 되야 하는데;;;
내일 확인해 봐야겠음돠.ㅋ 기대기대~~+_+
다른 브라우져의 Object확인은
Prev
Rss Feed