javascript - 두 개의 스와이퍼가 중첩되어 있습니다. 외부 스와이퍼 애니메이션이 초기화되면 애니메이션 요소가 숨겨지고 표시되지 않습니다.

Question

초기 상태

두 번째 페이지로 밀고 다시 뒤로 스와이프하면 애니메이션 요소가 나타나고 애니메이션이 정상적으로 재생됩니다

JS 코드

Answer 1

이중 스와이퍼 중첩에는 인스턴스화되는 두 개의 스와이퍼 개체가 필요합니다. 인스턴스화된 개체로 인해 발생하는 문제는 다른 개체로 덮어쓰게 됩니다. 따라서 홈페이지의 스와이퍼 애니메이션은 초기 표시 중에 숨겨집니다. 외부 스위퍼 코드 앞에 내부 스위퍼 개체를 인스턴스화하는 코드를 작성하여 문제를 해결하세요.