답변 1개
답변에 대한 댓글 3개
J
Jiah
8년 전
�
플래토
8년 전
@Jiah
리엑트전문가로 유명한 Velropert님의 블로그에
jquery / javascript 로 무한스크롤 구현하는게 있어요
https://velopert.com/1890
여기에서 내용 하단부를 참고해서 구현해보세요
리엑트전문가로 유명한 Velropert님의 블로그에
jquery / javascript 로 무한스크롤 구현하는게 있어요
https://velopert.com/1890
여기에서 내용 하단부를 참고해서 구현해보세요
J
Jiah
8년 전
이미 저 분 소스를 가지고 구현하였습니다 ㅎㅎ
아래의 같은 clientHeight를 가지고 구분하여 처리했더니 잘 되네요.
div로 무한스크롤 하는 경우에는 document 높이가 필요없기 때문에 저렇게 해야 되더라고요.
조언 주셔서 감사합니다^^
[code]
$('#divBodyScroll').scroll(function () {
var current_mode = document.getElementById('current_mode').innerText;
var dh = document.getElementById('divBodyScroll').scrollHeight;
var dch = document.getElementById('divBodyScroll').clientHeight;
var dct = document.getElementById('divBodyScroll').scrollTop;
//스크롤 끝까지 닿으면 새로운 데이터 50개를 불러온다
if (dh == (dch+dct)) {
start += list;
if(current_mode == '0'){
append_list();
}else{
append_list_detail();
}
}
//스크롤 끝까지 닿으면 새로운 데이터 50개를 불러온다 끝
[/code]
아래의 같은 clientHeight를 가지고 구분하여 처리했더니 잘 되네요.
div로 무한스크롤 하는 경우에는 document 높이가 필요없기 때문에 저렇게 해야 되더라고요.
조언 주셔서 감사합니다^^
[code]
$('#divBodyScroll').scroll(function () {
var current_mode = document.getElementById('current_mode').innerText;
var dh = document.getElementById('divBodyScroll').scrollHeight;
var dch = document.getElementById('divBodyScroll').clientHeight;
var dct = document.getElementById('divBodyScroll').scrollTop;
//스크롤 끝까지 닿으면 새로운 데이터 50개를 불러온다
if (dh == (dch+dct)) {
start += list;
if(current_mode == '0'){
append_list();
}else{
append_list_detail();
}
}
//스크롤 끝까지 닿으면 새로운 데이터 50개를 불러온다 끝
[/code]
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
플러그인으로 쓰기에는 충돌 문제 될까봐 두렵네요