강의

멘토링

커뮤니티

Inflearn Community Q&A

billaa6945's profile image
billaa6945

asked

Interactive Web Development Know-How in a Few Lines [Beginner's Edition]

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

Written on

·

355

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으로 두는 이유가 무엇인가요??

인터랙티브-웹javascript

Answer 1

1

coding11님의 프로필 이미지
coding11
Instructor

안녕하세요.

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

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

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

asked

Ask a question