CSS가 작동하지 않는 이미지 진동 및 애니메이션

Question

으아아아 으아아아 으아아아

스시 웹사이트를 구축하려고 하는데 전체 화면 데스크톱에서 아래로 스크롤할 때 메인 섹션 이미지가 계속 진동합니다. 내 탐색 모음은 아래로 스크롤할 때 모바일 버전에서도 작동하지 않으며 탐색 모음은 데스크톱에서처럼 작게 축소되지 않습니다. 또한 사이트를 처음 방문했을 때 애니메이션이 로드되지 않는 문제도 있었습니다.

Answer 1

Javascript 이벤트 리스너가 "스크롤" 이벤트를 수신하지 않기 때문에 모바일 버전의 navbar가 접히지 않는다고 말하고 싶습니다. 아마도 모바일에서 다른 이벤트로 이름이 지정되었거나 특정 양의 움직임에 도달하지 못할 수도 있습니다. Space on 장치 상단? 이를 테스트하려면 "스크롤" 이벤트 리스너(상단의 공백 등)에서 console.log를 수행하는 것이 좋습니다. 진동에 관해서는 제거 프로세스를 시도해 보고 작동할 때까지 CSS에서 임의의 항목을 제거해 보세요. 애니메이션에 관해서는 잘 모르겠습니다.