무한 스크롤을 사용하기 위해서는
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" language=javascript>
google.load("jquery", "1.4.2");
google.setOnLoadCallback(function(){
$(window).scroll(function(){
if($(window).scrollTop() == $(document).height() - $(window).height()){
$('<h1>Infinity Scroll</h1>').appendTo("#test2");
}
});
});
</script>
아주 간단한 예제 코드!!!
$('<h1>Infinity Scroll</h1>').appendTo("#test2"); 이 부분만
다른 데이터로 바꿔주면 무한스크롤 응용 끝!
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" language=javascript>
google.load("jquery", "1.4.2");
google.setOnLoadCallback(function(){
$(window).scroll(function(){
if($(window).scrollTop() == $(document).height() - $(window).height()){
$('<h1>Infinity Scroll</h1>').appendTo("#test2");
}
});
});
</script>
아주 간단한 예제 코드!!!
$('<h1>Infinity Scroll</h1>').appendTo("#test2"); 이 부분만
다른 데이터로 바꿔주면 무한스크롤 응용 끝!
댓글
댓글 쓰기