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

무한스크롤 기능 구현

1. list.php : 스킨/list.skin.php 에 맨 하단에 추가

$(".pageListArea .tbl_head01").append(data); <- 추가될 위치 지정



2. read.page.php : 스킨/read.page.php 파일 추가

여기서는 추가될 형식에 맞춰서 html 수정을 보셔야 합니다.


[주의사항] wr_id 값이 작은 것들을 가져오고 있습니다.

정렬 순서는 잘 맞추서 수정하세요.



list.php

================================
$last_wr_id :
for 문에서 $last_wr_id = $list[$i]["wr_id"]; <-- 이 부분을 넣어주셔야 합니다.


<script>

var page = 2;
var last_wr_id = <?php echo $last_wr_id; ?>;

$(window).scroll(function () {

if ($(window).scrollTop() == $(document).height() - $(window).height()) {

$.post("<?php echo $board_skin_url;?>/read.page.php", {bo_table:"<?=$bo_table;?>", page:page, last_wr_id:last_wr_id}, function (data) {
//$(".pageListArea .tbl_head01").append("<div style='height:500px;'>추가된 페이지</div>");
$(".pageListArea .tbl_head01").append(data);

page++;
});

}
});
</script>

=============================================





read.page.php

=============================================

<?php

include_once('../../../../../../common.php');

$bo_table = $_POST["bo_table"];
$page = $_POST["page"];
$last_wr_id = $_POST["last_wr_id"];
if (!$bo_table || !$page) exit;


$readTable = "g5_jejubbs_write_" . $bo_table;

$sql = " select * from {$readTable} where wr_id < " . $last_wr_id . " order by " . $board["bo_sort_field"] . " limit 0, 20 ";
$result = sql_query($sql);

while ($row = sql_fetch_array($result)) {
$last_wr_id = $row["wr_id"];
//print_r($row);
?>
<div class="list">

<div class="subj"><a href="<?=G5_BBS_URL;?>/board.php?bo_table=<?=$bo_table;?>&wr_id=<?=$row["wr_id"];?>">
<?php echo cut_str($row["wr_subject"], 20, ".."); ?>
</a></div>

<div class="info">
<div style="float:right">조회수: <?php echo $row['wr_hit'] ?></div>
<?php echo $row['wr_name']; ?>&nbsp;( <?php echo cut_str($row['wr_datetime'], 10, ""); ?> )
</div>

</div>
<?php } ?>
<script>
last_wr_id = <?php echo $last_wr_id; ?>;
</script>

=============================================
|

댓글 10개

유용한 정보네요 감사합니다.
감사합니다 굿 입니다요 ^^
내용중에서
$readTable = "g5_jejubbs_write_" . $bo_table;
는 아래와 같이 변경하는것이 어떨까요?
$readTable = $g5['write_prefix'] . $bo_table;
해피정님// 제가 작업한 것에서 가져온거라 생각을 미쳐 못했네여..

해피정님이 올리신 부분이 더 맞을듯하네여.
오오 감사합니다!
무한스크롤기능
이거 알기 쉽게 정리해주시면 안될까요?
1. list.php : 스킨/list.skin.php 에 맨 하단에 추가 list.php라고 하고 내용은 list.skin.php라고 하니 무슨 말인지 모르겟습니다.
유용한 정보 감사합니다.

댓글 작성

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

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,598
2741 3일 전 조회 112
2740 4일 전 조회 104
2739 1주 전 조회 209
2738 1주 전 조회 217
2737 1주 전 조회 181
2736 1주 전 조회 280
2735 3주 전 조회 281
2734 3주 전 조회 263
2733 1개월 전 조회 265
2732 1개월 전 조회 301
2731 1개월 전 조회 267
2730 1개월 전 조회 226
2729 1개월 전 조회 356
2728 1개월 전 조회 245
2727 1개월 전 조회 422
2726 1개월 전 조회 256
2725 1개월 전 조회 330
2724 1개월 전 조회 360
2723 1개월 전 조회 267
2722 1개월 전 조회 300
2721 1개월 전 조회 211
2720 2개월 전 조회 304
2719 2개월 전 조회 307
2718 2개월 전 조회 202
2717 2개월 전 조회 336
2716 2개월 전 조회 202
2715 2개월 전 조회 312
2714 2개월 전 조회 273
2713 2개월 전 조회 376
2712 2개월 전 조회 289
🐛 버그신고