• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

if (scrollRatio <= 0.22) 로 이벤트 발생 시점을 컨트롤 하는 부분과 values 에 있는 start 와 end 값

22.03.20 13:49 작성 조회수 135

0

if (scrollRatio <= 0.22) 로 이벤트 발생 시점을 컨트롤 하는 부분과 values 에 있는 start 와 end 로 처리하는 부분이 동일하지 않나요?

단순히 calcValues 도 하지 않기 위해서 if (scrollRatio <= 0.22) 와 같은 조건문이 있는걸까요?

답변 1

답변을 작성해보세요.

1

calcValues는 스크롤 하는 동안 지속적으로 실행되는 함수이고요,
scrollRatio <= 0.22 이런 식으로 스크롤된 정도에 따라 나누는 이유는 in(나타남)이냐 out(사라짐)이냐 구분하기 위해서 입니다.
특정 구간에서 스크롤이 될 동안, 애니메이션이 일정하게 쭉 진행되는게 아니라 특정 시점에서 나타나고 사라지게끔 컨트롤 할 수 있어야 하니까요^^ 그 특정 시점을 0.22 이런 비율(해당 구간에서 얼마나 스크롤이 되었는지)로 정해주는 거랍니다.