뒤늦은 무한스크롤 관련질문입니다. 채택완료
안녕하세요
갤러리 게시판에 무한스크롤 적용중입니다.
현재는 스크롤을 최대한 아래까지 내려야 새로운 페이지가 로딩 되는데
푸터 높이 정도(한 600px)를 뺀 높이까지만 스크롤해도 페이지가 로딩 되도록 하고 싶습니다.
대략 아래 소스중에 어디서 숫자를 빼면 되지 않을까 했는데 잘 안되네요
혹시 경험 있으신 분 계시면 부탁 드립니다.
</p>
<p>$(window).scroll(function() {
var chkBtm = parseInt($(document).height()) - parseInt($(window).height());</p>
<p> if (chkBtm == $(window).scrollTop()) {</p>
<p> roll_page++;</p>
<p> if (roll_page <= total_page) {
callContent(roll_page, 'append');
}
} else if ($(window).scrollTop() == 0) {</p>
<p> now_page--;
if (now_page > 0) {
callContent(now_page, 'prepend');
}
}</p>
<p>});
원본 출처는 https://sir.kr/g5_skin/27677">https://sir.kr/g5_skin/27677 을 보고 어떤 분이 커스텀 하신 블로그를 보고 적용중입니다.
24년에 이런 똑같은 QnA가 있었는데 해결을 못하신것 같고요
감사합니다.
답변 2개
$(window).scroll(function() { var scrollTop = $(window).scrollTop(); var windowHeight = $(window).height(); var documentHeight = $(document).height(); var preloadOffset = 600; // 푸터 높이
if (scrollTop + windowHeight >= documentHeight - preloadOffset) { roll_page++; if (roll_page <= total_page) { callContent(roll_page, 'append'); } }
if (scrollTop <= preloadOffset) { now_page--; if (now_page > 0) { callContent(now_page, 'prepend'); } } });
이렇게하면될려나요?;;
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
$(window).scroll(function() { var scrollTop = $(window).scrollTop(); var windowHeight = $(window).height(); var documentHeight = $(document).height(); var preloadOffset = 600; // 푸터 높이
if (scrollTop + windowHeight >= documentHeight - preloadOffset) { roll_page++; if (roll_page <= total_page) { callContent(roll_page, 'append'); } }
if (scrollTop <= preloadOffset) { now_page--; if (now_page > 0) { callContent(now_page, 'prepend'); } } });
이렇게하면될려나요?;;
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
그런데 적용해 보니 48개를 12개씩 잘라서 보여준다고 했을때
처음 12개 보이고 스크롤 하면 다음 페이지가 나오긴 하는데
12개씩 2, 3페이지가 적용이 안되고 나머지 36개가 한번에 전부 다 보여버리네요 ㅜㅜ
원래 소스는 그건 잘 됐었는데요... 희안하네요 ㅎㅎ
암튼 정말로 감사드립니다!