Scrolltop을 이용한 무한스크롤 div에 부분 적용하는 방법 좀 알려주세요
본문
$(document).height() - ($(window).scrolltop()-$(window).height());
무한스크롤 보통 이렇게 쓰던데요
도큐먼트 크기가 아닌 오바플로우된 div에 적용할땐 어떻게 해야 하나요?
답변 1
소스 수정으로는 힘들까요? ㅠㅠ
플러그인으로 쓰기에는 충돌 문제 될까봐 두렵네요
@Jiah
리엑트전문가로 유명한 Velropert님의 블로그에
jquery / javascript 로 무한스크롤 구현하는게 있어요
https://velopert.com/1890
여기에서 내용 하단부를 참고해서 구현해보세요
이미 저 분 소스를 가지고 구현하였습니다 ㅎㅎ
아래의 같은 clientHeight를 가지고 구분하여 처리했더니 잘 되네요.
div로 무한스크롤 하는 경우에는 document 높이가 필요없기 때문에 저렇게 해야 되더라고요.
조언 주셔서 감사합니다^^
$('#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개를 불러온다 끝
답변을 작성하시기 전에 로그인 해주세요.
