• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

섹션에서만 100vh로 스크롤 할 경우

21.02.23 18:54 작성 조회수 150

0

안녕하세요.

강의 잘 듣고 있습니다.

섹션 5의 업그레이드 버전을 스스로 만들어 보고 있는데요.

animate의 비동기 방식때문에 젤 밑까지 스크롤 되어지는거 같은데 어떻게 해결 해야 할까요...?

https://jsfiddle.net/Lret1yxf/

답변 2

·

답변을 작성해보세요.

0

추가적으로 말씀드리겠습니다 :)

섹션5를 보고도 문제 해결이 어렵다면 섹션 10에서 만드는  스크롤ui까지 공부해보고 다시 도전해 보시길 바라겠습니다 :)

0

안녕하세요  jeus0630 님 :)

먼저 수업을 잘 듣고 계시다니 다행입니다.

개인적인 스터디에 관련된 문제는 답변드리지 않으나 이번에는 특별히 도와드리도록 하겠습니다.

이 인터렉션은 상황에 따라 경우의 수가 상당히 많이 나오는 인터렉션입니다. 그만큼 어떻게 개발하냐에 따라 난이도가 천차만별이 될 수 있음을 알려드립니다.

작성하신 코드를 보면 반복문을 통해 애니메이트를 사용해 아래로 한칸씩 내려가는 것 같은데요 작성하신 코드에서 섹션의 맨 끝까지 내려가지 않으려면 포문을 수정하던가 포문 안에있는 애니메이트를 포문 밖으로 끄집어내면 되겠습니다.

추가적으로 다음과 같이 스크롤을 할때 한칸씩 이동되는 인터렉션은 개발하는 방법도 천차만별이고 선택한 방법에 따라 처리해야하는 문제점들이 상당히 많아 난이도가 높을 수 있음을 알려드립니다 :)