inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹 애니메이션의 새로운 표준, Web Animations API

스크롤 타임라인 이해하기 1

scroll-timeline.js 파일

544

작성자 없음

작성한 질문수 0

0

안녕하세요!

강의 재밌게 잘 보고 있습니다 :D


scroll-timeline.js 파일은 어디서 가져오신 건가요?
세팅부터 혼자서 해보려고 했는데
scroll-timeline 저장소
여기서 아무리 찾아봐도 안 보이네요..!
Usage에 보면 import를 dist 폴더에서 scroll-timeline.js를 가져오는 것 같은데 dist 폴더도 안 보이고 src 폴더에 scroll-timeline-base.js도 아닌 것 같아서 질문 남깁니다..!

또, scrollOffsets에 넣는 옵션들은 어떻게 확인하나요? README에는 new CSSUnitValue 이것밖에 안 보이는데 강의에서는 target, edge, threshold 속성들도 쓰셔서 어디서 확인하고 쓰시는지 너무 궁금합니다..!

HTML/CSS javascript 인터랙티브-웹 frontend web-animations-api

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요. scroll-timeline.js 파일을 어디서 가져오셨는지 궁금하시네요. 저도 해당 파일의 원본 저장소를 찾아보았는데, 현재는 scroll-timeline.js 파일이 없는 것 같습니다. 제가 볼 때에는 해당 파일이 삭제된 것 같아 보입니다. 따라서, 원본 파일을 사용하려면 다른 대안을 찾아보셔야 할 것 같습니다.

또한, scrollOffsets에 넣는 옵션들은 어떻게 확인할 수 있는지 궁금하셨습니다. README에는 new CSSUnitValue만 언급되어 있지만, 강의에서는 target, edge, threshold 속성들을 사용하셨다고 합니다. 이에 대해서는 scroll-timeline.js 파일이 제대로 작동하지 않았을 때를 대비해서, 해당 파일의 소스코드를 참고하셔야 할 것 같습니다. 소스코드를 분석하여 어떤 옵션들을 사용할 수 있는지 확인하고, 적절히 적용하셔야 합니다.

그럼 좋은 결과 얻으시길 바라요. 궁금한 점이 더 있으면 언제든지 물어보세요. 감사합니다!

74. 데이터 캐시 - 1 (이론) 강의 영상 누락

0

14

1

2강 nodejs 3단계 설명 질문

0

25

1

6-6 실습 문의

0

20

2

imagesLoaded에 관한 질문

0

17

2

스크롤 이미지 영역 넘어갈시 가로로 스크롤이 안되여

0

133

1

vscode에서 svg파일 불러오기 질문

0

3758

1

모바일 화면 최적화 방법 질문드립니다!

0

228

1

key.svg 이미지

1

209

1

Vue.js 적용 방법

0

278

1

강사님 vscode 폰트와 색상이 뭔가요

0

648

2

2:20분 이해가 가지 않습니다.

0

284

1

web animation api를 통한 apple page

0

489

2

리액트에서 scroll-timeline.js 불러오는 법

0

726

1

특정 시점에 자바스크립트 호출은 어려울까요?

0

320

2

section04 - 각각의 객체에 개별 애니메이션 적용하기

0

461

3

scroll-timeline.js 를 사용한 ScrollTimeline 실행 시, easing 효과?

0

736

2

선생님 Section4에 제목 오타난것같습니다!

0

389

1

keyframeEffect를 찾을 수 없다고 나와요

0

504

1

제이쿼리 animate()와는 다른걸까요?

0

402

1

scroll-timeline.js 파일을 cdn으로 불러 올 수 없을까요??

0

559

1

넓이를 %로 적용하긴 어려울까요?

0

434

2

scrollTimeline polyfill 에 관해서

0

812

1

아직 강의를 보진 않았는데

2

575

1

이 플러그인은 지원되지 않습니다. 어떻게 해결해야 되나요?

0

1151

2