inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

5-2 [코드설명] 섹션이동 스크롤 인터렉션 스크립트 작성하기

안녕하세요. stop(true) 질문입니다

420

dpwl322

작성한 질문수 10

0

$('html').stop(true).animate({
                    scrollTop: sectionMainBottom+1 //IE버그 반복 버그 처리를 위해 1을 추가합니다.
                },500,function(){
                    sectionIsMoving = false//섹션이 이동중인지 체크하는 변수
               });
stop()을 사용하면 애니메이션이 중단되는거로 알고 있는데
()안에 ture를 넣는다는건 어떤의미로 작동이 된다는건가요??

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

답변 1

0

깡코딩

안녕하세요 :) jquery의 stop에 대해 문의주셨군요

stop은 애니메이트를 정지시키는 함수입니다 :)

jquery의 stop 함수는 호출할때 2가지 매개변수를 받을 수 있는데요(제이쿼리 버전에 따라 다름.)

넘기는 값은 불리언 값이며 디폴트값은 false이고 첫번째 인자는 clearQueue 두번째 인자는 jumpToEnd 입니다 :)

 

수업에서 첫번째 인자값을 true로 넘기는 이유는 대기중인 애니메이션을 모두 삭제하겠다는 뜻입니다.

즉 애니메이트를 실행하고 스톱할때 애니메이션큐에 대기중인 애니메이션을 모두 삭제한다고 생각하면 될 것 같습니다.

(큐에 대해 궁금하다면 자료구조에 대해 공부해보세요 QUEUE - FIFO)

애니메이션큐에 대해 조금 더 자세히 알고 싶다면

https://api.jquery.com/stop/

jquery api에서 예제를 통해 공해보세요 :D

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

0

213

1

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

0

385

1

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

0

388

1

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

0

357

1

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

0

479

1

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

0

325

1

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

1

483

3

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

1

442

1

선생님

0

378

1

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

0

431

1

5-3-2 질문입니다.

1

302

1

5-2 추가 질문이요

0

363

2

5-2 ! 질문이요.

0

271

1

안녕하세요!

0

279

1

질문드립니다.

1

373

2

질문드립니다.

0

1682

3

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

0

246

1

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

0

273

1

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

0

219

1

IntersectionObserver

0

262

1

offsetheight와 scrollheight

0

402

1

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

0

437

2

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

0

320

1

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

0

212

1