• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

스피드 변수로 scrollTop을 두는 이유가 무엇인가요?

22.12.16 18:17 작성 조회수 186

0

 parallax_0.style.transform =
    "translate3d(0px ," + scrollTop * 0.2 + "px , 0px)";
  parallax_1.style.transform =
    "translate3d(0px ," + scrollTop * 0.1 + "px , 0px)";
  parallax_2.style.transform =
    "translate3d(0px ," + -scrollTop * 0.12 + "px , 0px)";
  parallax_3.style.transform =
    "translate3d(0px ," + -scrollTop * 0.16 + "px , 0px)";


이 속도 y의 변수를 scrollTop으로 두는 이유가 무엇인가요??

답변 1

답변을 작성해보세요.

1

안녕하세요.

반드시 scrollTop 일 필요는 없습니다. 맨 첫번째 오브젝트의 y값을 기준으로 해도 됩니다. 결국 첫번째 오프젝트의 y값은 scrollTop과 같겠지만요. 페럴렉스 효과를 위해서는 하나의 기준이 필요합니다.

원하시는 답변인지 모르겠네요.

console.log(scrollTop, scrollTop * .2, scrollTop  * .1 ) 
//이렇게 찍어서 보세요.