2026, 새로운 도약을 시작합니다.

페이지네이션이아닌, 무한스크롤로 구현하려고 합니다. 채택완료

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개

https://sir.kr/g5_skin/27677

여기에 있는 내용을 참고 하였는데, 기본적으로 구조가 테이블 구조로 되어있는데, 지금 구현되어있는 홈페이지는 테이블 구조가 아닌 div구조로 되어있어서 좀 진행이 어려운 상태입니다 ㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고