inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트

2-2-1 [코드설명] 구글, 네이버에서 사용하는 무한스크롤 원리와 구현

횟수제한 조건문 이런식으로 변경해서 해도 되나요?

173

냉면은물냉

작성한 질문수 5

0

function getList() {
            var list;
            listCount++;

            list = '<li><figure><img src="../images/1.jpg"></figure></li>';
            list += '<li><figure><img src="../images/2.jpg"></figure></li>';
            list += '<li><figure><img src="../images/3.jpg"></figure></li>';


            return list;
        }

        function listCall() {
            winTop = $(window).scrollTop();
            onTop = $(document).height() - $(window).height() - $('.footer').height();

            if(winTop >= onTop){
                var data = getList();
                if(listCount < breakList){
                    target.append(data);
                }else{
                    return false;
                }
            }
      }

 

잘 나오긴 하는데....이런식으로 변경해도 상관없을까요?

javascript 인터랙티브-웹 HTML/CSS jquery

답변 1

0

깡코딩

안녕하세요 :)

프로그램을 만들 때 정답은 없습니다.

본인이 생각하는 대로 변경하고 고쳐보고 테스트해보면 좋을 것 같습니다 :)

그럼 또 다른 궁금증이 생기면 문의주세요 :D

다음강의 언제나오나요 다음강의는 인터렉티브한 전체적인 웹사이트였으면 좋겠네요

0

212

1

반응형에 대해 질문이 있습니다 !

0

382

1

날짜 카운트를 활용하여 시간으로 적용해볼 수 있나요?

0

388

1

함수가 정의되기 전에 함수 호출

0

353

1

섹션12 보너스 챕터에 관한 질문입니다!

0

477

1

5-3-1 강좌 섹션 질문 합니다.

0

324

1

죄송합니다만 해당 프로젝트를 리엑트로 수정해서 만들어보고있는중에 질문드립니다.

1

480

3

화면 높이 관련 질문 있습니다.

1

439

1

선생님

0

378

1

5-2 vanilla.html 질문합니다.

0

428

1

5-3-2 질문입니다.

1

302

1

5-2 추가 질문이요

0

362

2

5-2 ! 질문이요.

0

270

1

안녕하세요!

0

277

1

질문드립니다.

1

371

2

질문드립니다.

0

1679

3

색션6강 카운트관련 문의드립니다!

0

246

1

섹션5 관련 질문드립니다.

0

269

1

setProperty 를 재활용 하고싶습니다.

0

216

1

IntersectionObserver

0

260

1

offsetheight와 scrollheight

0

401

1

완성된코드를 그대로 가져왔는데 크기가 이상해요

0

436

2

2:56에 10씩 증가시키는건 어떻게 하신건가요?

0

320

1

<script>에 $(function(){})으로 감싸준 이유

0

212

1