무한 페이징 기능 구현중에...
쎄쇼마루
1년 전
조회 2,410
안녕하세요. 선생님 여러분!
제가 https://sir.kr/g5_skin/27677 글을 참조하여 infinity scrolling을 구현중에 있습니다.
현재는 페이지 끝에 도달하면 페이징이 되는 구조인데,
저는 2/3 지점에 왔을 때 페이징이 될 수 있도록 하고 싶은데,
잘 되지를 않아서 고민을 나누고자 합니다.
도와주실 선생님이 계실까요?
</p>
<p>var total_page = "<?php echo $total_page?>";
var now_page = "<?php echo $page?>";
var roll_page = now_page;</p>
<p>$(window).ready(function(){
console.log(now_page);
if(roll_page != total_page){
//$(".btmScroll").show();
}
});</p>
<p>$(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();
}
}
});</p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
1년 전
RYANRYAN님! 신경 써주셔서 정말 감사합니다.
선생님께서 제안하신 코드도 원하는 결과가 안나오네요.
하여 현재는 최초 코드를 그대로 사용하려고 합니다.
도움 주셔서 정말 감사합니다.
복 받으실꺼에요. ^^
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
1년 전
if( (chkBtm * 2 / 3 ) == $(window).scrollTop()){
</p>
<pre>
$(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();
}
}
});</pre>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
�
쎄쇼마루
1년 전
R
RYANRYAN
1년 전
$(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();
}
}
}
});
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();
}
}
}
});
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
하지만 이 방식으로도 페이징이 안되네요. ㅠㅠ