인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

6312driver1079's profile image
6312driver1079

asked

Apple website interaction clone!

Added specific timing scroll animation feature

rv구하는 공식 질문이요.

Written on

·

180

0

rv=(현재스크롤 높이-1번파트 시작위치)/(1번파트 스크롤 크기)*(opacity 1-opacity 0)+opacity 0이잖아요.
여기서 마지막에 opacity 0 은 값이 0이라서 더해줘도 의미 없지 않나요?

svg인터랙티브-웹웹 디자인HTML/CSSjavascript클론코딩

Answer 1

0

studiomeal님의 프로필 이미지
studiomeal
Instructor

언제나 초기값이 0이라는 보장은 없으니까요~
이 경우는 opacity를 0에서 1로 하기때문에 0이 들어가지만,
scale을 0.5에서 1로 할 수도 있고, 위치를 230px에서 1400px으로 할 수도 있고,
어떤 속성을 어떤 범위로 조정하든 범용적으로 쓰는 함수이기 때문에 저렇게 만들어주셔야 합니다^^

6312driver1079's profile image
6312driver1079

asked

Ask a question