페이지네이션이아닌, 무한스크롤로 구현하려고 합니다. 채택완료
Copy
현재 페이지 게시물 전체선택
이런식으로 구조를 게시판 리스트 구조를 잡아놓았는데, 페이지네이션이아닌, 무한스크롤로 구현하려고 합니다.
Copy
var total_page = "";
var now_page = "";
var roll_page = now_page;
$(window).ready(function(){
console.log(now_page);
if(now_page != 1){
$(".topScroll").show();
}
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 0){
callContent(now_page,'prepend');
}
}
});
function callContent(a,b){
if(b=='append'){
$(".moreBtm").slideDown();
}else{
$(".moreTop").slideDown();
}
var url = "/board.php?bo_table=&page="+a;
var tbody = "";
var thtml = "";
$.ajax({
type:"POST",
url:url,
dataType : "html",
success: function(html){
tbody = html.split('');
thtml = tbody[1].split('');
setTimeout(function() {
if(b=='append'){
$(".tbl_head01").find('.container').append(thtml[0]);
}else{
$(".tbl_head01").find('.container').prepend(thtml[0]);
}
$(".moreBar").slideUp();
if(now_page == 1){
$(".topScroll").slideUp();
}
if(roll_page == total_page){
$(".btmScroll").slideUp();
}
}, 1000);
},
error: function(xhr, status, error) {
alert(error);
}
});
}
스크립트쪽도 이렇게 짜놓았는데,
뭐가 문제인지 잘 구현이 되지않네요 ㅠㅠ 자문을 구해봅니다 ㅠ
답변 1개
채택된 답변
+20 포인트
답변에 대한 댓글 1개
4년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
여기에 있는 내용을 참고 하였는데, 기본적으로 구조가 테이블 구조로 되어있는데, 지금 구현되어있는 홈페이지는 테이블 구조가 아닌 div구조로 되어있어서 좀 진행이 어려운 상태입니다 ㅠ