무한 페이징 기능 구현중에...
관련링크
본문
안녕하세요. 선생님 여러분!
제가 https://sir.kr/g5_skin/27677 글을 참조하여 infinity scrolling을 구현중에 있습니다.
현재는 페이지 끝에 도달하면 페이징이 되는 구조인데,
저는 2/3 지점에 왔을 때 페이징이 될 수 있도록 하고 싶은데,
잘 되지를 않아서 고민을 나누고자 합니다.
도와주실 선생님이 계실까요?
var total_page = "<?php echo $total_page?>";
var now_page = "<?php echo $page?>";
var roll_page = now_page;
$(window).ready(function(){
console.log(now_page);
if(roll_page != total_page){
//$(".btmScroll").show();
}
});
$(window).scroll(function(){
var chkBtm = parseInt($(document).height()) - parseInt($(window).height());
if(chkBtm == $(window).scrollTop()){
roll_page++;
if(roll_page <= total_page){
callContent(roll_page,'append');
$(".moreBar").show();
}
}
});
답변 1
if( (chkBtm * 2 / 3 ) == $(window).scrollTop()){
$(window).scroll(function(){
var chkBtm = parseInt($(document).height()) - parseInt($(window).height());
if( ( chkBtm * 2 / 3 ) == $(window).scrollTop()){
roll_page++;
if(roll_page <= total_page){
callContent(roll_page,'append');
$(".moreBar").show();
}
}
});
답변을 작성하시기 전에 로그인 해주세요.