jquery 밑으로 내려가는 속도를 실현할 때 더 많은 데이터를 불러옵니다

990 단어 jquery
실현 원리:
브라우저 높이 h = jQuery(window)를 가져옵니다.height()
스크롤 높이 s = jQuery (window)를 가져옵니다.scrollTop()
전체 페이지 높이 documentH = jQuery(document)를 가져옵니다.height()
스크롤이 페이지 밑부분 100px까지 굴러갈 때 다음 페이지 데이터를 불러오기 시작합니다
(s+h+100)>= documentH 로드 시작
그런데 스크롤이 페이지 밑에 100px가 가까워지면 여러 번 불러오는 걸 발견할 수 있어요.
그래서 controller에서 전역 변수를 정의합니다
var off_on = true

한 번만 불러오는 것을 제어합니다
jQuery(window).scroll(function () {
            var s = jQuery(window).scrollTop(),
                h = jQuery(window).height(),
                documentH = jQuery(document).height();
            if ((s + h + 100) >= documentH && $scope.isLastPage === false) {
                if (off_on) {
                    $scope.getData($scope.currentPage++, $scope.pageSize);
                    off_on = false;
                }
            }

        });

getdata(){}에서 다음 페이지의 데이터를 가져오는 데 성공하면offon true
off_on = true

좋은 웹페이지 즐겨찾기