jQuery를 이용한 스크롤 더보기

jQuery를 이용한 스크롤 더보기 (페이스북과 같은 스크롤을 이용한 더보기 기능)

$(window).scroll(function() {

// document 높이 (고정)

console.log($(document).height());

// browser 높이 (가변)

console.log($(window).height());

// 스크롤 위치
console.log($(window).scrollTop());

// console.log($(window).scrollTop() >= $(document).height() - $(window).height() - 100);

// 스크롤이 적당한 위치에 오면 호출 ( 숫자 100의 값을 변경하여 더보기 호출할 높이를 수정할 수 있습니다.)

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

// TODO 이부분에 목록 조회하는 기능 호출.

}

});