Scrolltop을 이용한 무한스크롤 div에 부분 적용하는 방법 좀 알려주세요

Scrolltop을 이용한 무한스크롤 div에 부분 적용하는 방법 좀 알려주세요

QA

Scrolltop을 이용한 무한스크롤 div에 부분 적용하는 방법 좀 알려주세요

답변 1

본문

$(document).height() - ($(window).scrolltop()-$(window).height());

무한스크롤 보통 이렇게 쓰던데요

도큐먼트 크기가 아닌 오바플로우된 div에 적용할땐 어떻게 해야 하나요?

이 질문에 댓글 쓰기 :

답변 1

http://pentode.tistory.com/261

이미 저 분 소스를 가지고 구현하였습니다 ㅎㅎ
아래의 같은 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개를 불러온다 끝

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 16
© SIRSOFT
현재 페이지 제일 처음으로