무한 페이징 기능 구현중에...
관련링크
본문
안녕하세요. 선생님 여러분!
제가 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();
}
}
});
답변 2
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();
}
}
});
안녕하세요. 답변 감사드립니다.
하지만 이 방식으로도 페이징이 안되네요. ㅠㅠ
$(window).scroll(function(){
var chkBtm = parseInt($(document).height()) - parseInt($(window).height());
if(chkBtm <= $(window).scrollTop()){
var scrollPercent = $(window).scrollTop() / $(document).height();
if(scrollPercent >= 0.66){
roll_page++;
if(roll_page <= total_page){
callContent(roll_page,'append');
$(".moreBar").show();
}
}
}
});
RYANRYAN님! 신경 써주셔서 정말 감사합니다.
선생님께서 제안하신 코드도 원하는 결과가 안나오네요.
하여 현재는 최초 코드를 그대로 사용하려고 합니다.
도움 주셔서 정말 감사합니다.
복 받으실꺼에요. ^^