react에서 gsap(scrolltrigger)를 사용할 때, setPin(영역이 고정되는거)을 사용하면, setPin을 이용함으로써 벌어지는 영역값을 계산하지 못합니다...

Question

react에서 gsap(scrolltrigger)를 사용할 때, setPin(영역이 고정되는거)을 사용하면, setPin을 이용함으로써 벌어지는 영역값을 계산하지 못합니다...이해가 안가실 수도 있어서 보충설명 드립니다 ㅠㅠ 전체 height값을 계산하면이렇게 제가 css로 높이값을 준게 아닌,gsap 에서 내부 스크립트로 setpin을 썼을 때 duration만큼 영역을 넓혀주는 구간을 계산하지 못합니다..예를 들면 사진 속 검정색영역의 offset().top 값을 구하면1080( 100vh -> 맨위 비쥬얼 height값 )값이 뜹니다...ㅠㅠㅠ 실제로 콘솔창으로 보면 더 밑에 있는데 말이죠...이걸 gsap이 set pin 처리를 하기전에 제가 쓴 스크립트들이 모조리 실행 된 후에 gsap setpin이 적용되어서 그런걸로 예상이 되는데,제 스크립트를 document onload 로 감싸거나 window ready로 감싸도.... 저 gsap pin으로 벌어진 영역만 계산하지 못하네요...그리고 다른 서브페이지로 이동할 때, height값이 갱신이 되지 않습니다...( 콘텐츠가 변경되었는데도 콘텐츠의 height값이 전 페이지 그대로...)자주 질문드려서 죄송합니다..어제 계속 찾아봤는데,scrolltriger.refrash를 해봐라, 리액트 라이프사이클을 알아보아라 라고 말씀들 주셨어서알아보고 적용을 시켜봐도 아무 소용이 없고, 더 이상 별 다른 해결방안을 더 찾아 볼 수 없어서.. 답답함에 다시 한번 질문드립니다..자세한 설명으로 도와주세요 ㅠㅠㅠ&#43;다른환경(php)에선 아주 정상적으로 잘 작동이 됩니다..

react에서 gsap(scrolltrigger)를 사용할 때, setPin(영역이 고정되는거)을 사용하면, setPin을 이용함으로써 벌어지는 영역값을 계산하지 못합니다...

0개의 답변

#gsap 목록