inflearn logo
강의

講義

知識共有

初心者でも作れるスクロールインタラクション。第1回 JavaScript

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

261

작성자 없음

投稿した質問数 0

0

 

 

섹션5에서 원페이지처럼 한단계씩 넘겨보고싶어

이것저것 만져보고있습니다만

 

강의소스에서 어떤식으로 더 스크립트 작성을

진행해야할지 감이 잡히지 않아 문의드립니다.

 

!header.eq(idx).hasClass('active') 이런 방식으로 클래스명으로

진행 정도를 체크하고, 넘어갈때마다 idx의 값을 증가시켜서

작성해보고 있는데 생각처럼 잘 되진않네요...

 

코드 작성방향에 혹시 도움을 조금 주실 수 있을까하여 문의드립니다.

 

 

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

回答 1

0

ggangcoding162118

안녕하세요!

풀페이지.js 같은 UI를 만들려고 하는 거죠? 개인적으로 생각할 때 해당 UI는 난이도가 조금 높을 것 같아요!

 

스크롤 인터렉션 수업에서 진행한 예제를 응용한다면

섹션5 : 방향에 따라 한칸씩 이동.

섹션 10 : 섹션 진입, 섹션 방향, 인덱스 처리.

 

두 가지 예제를 응용하여 조건문을 잘 만든다면 구현 가능할 것 같습니다!

제 유튜브 채널에 올린 UI도 섹션5, 섹션10의 로직을 기본으로 작성되었습니다

https://www.youtube.com/watch?v=5uImdI0RnNA

 

조건문이 까다로울 수 있어 조금 어려울 수 있지만 열심히 노력하면 만들 수 있을거라 생각됩니다!

화이팅하세요!

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

0

197

1

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

0

367

1

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

0

379

1

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

0

344

1

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

0

468

1

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

0

312

1

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

1

463

3

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

1

433

1

선생님

0

370

1

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

0

422

1

5-3-2 질문입니다.

1

293

1

5-2 추가 질문이요

0

346

2

5-2 ! 질문이요.

0

266

1

안녕하세요!

0

273

1

질문드립니다.

1

366

2

질문드립니다.

0

1666

3

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

0

239

1

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

0

210

1

IntersectionObserver

0

255

1

offsetheight와 scrollheight

0

398

1

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

0

428

2

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

0

316

1

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

0

207

1

5섹션예제 전부 깨져요 ㅠ

0

243

1