ScrollTrigger에서 pin사용시 스크롤 튕김현상

pixgram·2023년 1월 16일
0

gsap에서 만든 scrolltrigger라는 플러그인은 참 유용한 플러그인이다. 하지만, 스크롤을 이용한 모션은 버그가 많이 존재하는것 같다. 팀원분이 페럴럭스 모션을 만들었는데 모바일 브라우져의 하단에서 스크롤이 튀는 현상이 발견되었다.

모바일 브라우져는 스크롤이 제일 아래로 내려올때 주소창의 크기가 변하면서 높이값이 변하게 되는데 그때 pin속성의 위치가 변하면서 다시 그려지는듯 싶다.

좀 찾아보니 이 플러그인의 버그인듯 싶다.

아래와 같이 refresh해주는 이벤트의 종류를 변경해주었더니 해결되었다.

ScrollTrigger.config({autoRefreshEvents: "visibilitychange,DOMContentLoaded,load"});
profile
Interactive Front-end Developer and WebGL Artist

0개의 댓글