Chrome에서 ScrollMagic 및 GreenSock 관련 문제

Question

ScrollMagic 및 GreenSock의 TimelineMax으로 애니메이션을 수행하고 있습니다. 애니메이션은 WordPress 페이지로 이동한다고 가정합니다. 그러나 Chrome에서 페이지를 열면 애니메이션에 약간의 결함이 있습니다. Safari 및 Firefox에서는이 문제가 발생하지 않습니다. 나는 IE를 테스트 할 수 없다. 두 제목 웹 사이트가 상승으로

가장 아래 부분과 :

그리고 이것은이처럼 보이도록 생각하는 방법입니다 : 문제가 어떻게 보이는지

입니다 윗부분이 아래로 움직입니다. 내가 말했듯이 Safari와 Firefox에서는 완벽하게 작동하지만 Chrome에서는 위와 아래로 스크롤하여 문제를 해결해야합니다. 그러나 우리 페이지의 사용자가 맨 처음 아래로 스크롤했을 때 애니메이션을 제대로 보지 못하기 때문에 이것은 받아 들일 수 없습니다.

Here은 JSFiddle입니다. 자, 이것은 JSFiddle에서 문제없이 작동 할 것입니다. 그러나 이것을 WordPress 페이지에 넣으면 첫 번째 이미지처럼 보입니다. 이런 일이 일어나는 이유는 아무도 모른다.

Answer 1

해결책을 찾았습니다. 나는 누군가가 유용하다고 생각하기 때문에 질문을 삭제하고 싶지 않습니다.

해결책은 모든 요소 (이미지, divs, 어디서나 내가 CSS에서 Z- 인덱스를 가지고있는 모든 곳)의 z-index을 늘리는 것입니다. 나는 모든 요소에 대해 1000을 증가 시켰고 효과가 있었다.