-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
섹션5 관련 질문드립니다.
22.11.24 17:51 작성 조회수 129
0
섹션5에서 원페이지처럼 한단계씩 넘겨보고싶어
이것저것 만져보고있습니다만
강의소스에서 어떤식으로 더 스크립트 작성을
진행해야할지 감이 잡히지 않아 문의드립니다.
!header.eq(idx).hasClass('active') 이런 방식으로 클래스명으로
진행 정도를 체크하고, 넘어갈때마다 idx의 값을 증가시켜서
작성해보고 있는데 생각처럼 잘 되진않네요...
코드 작성방향에 혹시 도움을 조금 주실 수 있을까하여 문의드립니다.
답변을 작성해보세요.
0
깡코딩
지식공유자2022.11.24
안녕하세요!
풀페이지.js 같은 UI를 만들려고 하는 거죠? 개인적으로 생각할 때 해당 UI는 난이도가 조금 높을 것 같아요!
스크롤 인터렉션 수업에서 진행한 예제를 응용한다면
섹션5 : 방향에 따라 한칸씩 이동.
섹션 10 : 섹션 진입, 섹션 방향, 인덱스 처리.
두 가지 예제를 응용하여 조건문을 잘 만든다면 구현 가능할 것 같습니다!
제 유튜브 채널에 올린 UI도 섹션5, 섹션10의 로직을 기본으로 작성되었습니다
https://www.youtube.com/watch?v=5uImdI0RnNA
조건문이 까다로울 수 있어 조금 어려울 수 있지만 열심히 노력하면 만들 수 있을거라 생각됩니다!
화이팅하세요!
답변 1