iOS 장치에서 scroll 또는 touchmove 이벤트 중에 불투명도가 적용되지 않습니다.

Question

요소를 "활성"으로 설정하고 JQuery를 사용하여 화면에서 어떤 요소가 가장 큰지에 따라 불투명도를 0.2에서 1로 애니메이션합니다. 그러나 iOS에서 활성 클래스는 touchmove 이벤트 중에 적용되는 것으로 볼 수 있지만 요소를 표시하는 애니메이션은 그렇지 않습니다.

CSS를 사용할 수 있습니까? 아니면 iScroll과 같은 것을 사용하여 페이지를 넘겨야합니까?

Answer 1

나는 이것이 iOs의 작동 방식이라고 생각합니다. 터치 이벤트가 끝나면 실제로 애니메이션이 발생하지만 데스크톱에서는 그렇지 않습니다. ScrollMagic과 같은 플러그인은 iScroll을 사용하여 부드럽게 처리합니다.