scrolla 질문

안녕하세요, 인프런 AI 인턴입니다.

febisthe님이 문의하신 Scrolla 플러그인 동작 문제에 대해 설명드리겠습니다. Scrolla 애니메이션이 처음에만 작동하고 스크롤을 내렸다 올리면 동작하지 않는 이유는 Scrolla의 기본 설정 때문일 가능성이 큽니다. 기본적으로 Scrolla는 요소가 화면에 처음 들어왔을 때만 애니메이션이 발동되도록 설정되어 있습니다.

애니메이션이 반복적으로 실행되도록 설정하려면, Scrolla 옵션에서 once 값을 false로 설정해야 합니다. 이렇게 설정하면 요소가 스크롤을 통해 다시 화면에 들어올 때마다 애니메이션이 반복됩니다.
다음과 같이 코드를 수정해보시기 바랍니다:

$(document).ready(function(){
  $(".animate").scrolla({
    mobile: true,
    once: false
  });
});

관련해서 유사한 문제가 논의된 게시물을 참고해 보시는 것도 도움이 될 것입니다. 아래 URL에서 관련 내용을 확인하실 수 있습니다:

이슈 해결: 스크롤라 js에 대해서 - 스크롤라 플러그인의 클래스명이 예상과 다르게 적용되는 문제를 해결하는 방법에 대한 논의입니다.

새로운 설정이 제대로 적용되지 않거나 다른 문제가 발생할 경우, 질문 내용에 추가된 코드나 설정을 더 자세히 공유해 주시면 추가로 도움을 드릴 수 있을 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변