Inflearn brand logo image

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

작성자 없음

작성자 정보가 삭제된 글입니다.

GSAP의 ScrollTrigger를 활용한 포트폴리오 제작

simplyscroll Plugin에 대해서 질문드립니다.

작성

·

76

0

섹션3에서 simplyscroll Plugin을 사용해서 사진들이 사선을 흘러가는 갤러리 부분에서 질문드립니다.

수업자료로 받은 플러그인도 연결하고 소스도 그래도 넣었지만

요소검사를 했을때 아래 클래스가 붙어있어야 하는데 전혀 붙지가 않아서요,

갭처한 코드 이미지를 보고 그대로 몇번을 다시 해봤지만 되질않아서요

그 부분까지만 완성한 파일을 받아볼수 있을지요?

kwanggony@naver.com

.simply-scroll .simply-scroll-clip{}

답변 2

0

J.영님의 프로필 이미지
J.영
지식공유자

kwanggony님
파일을 보내주시면 확인하고 답드리도록 하겠습니다
jjjh523@nate.com으로 모든 파일을 압축하여서 보내주세요^^

J.young드림

0

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

simplyscroll Plugin 사용 중 클래스가 적용되지 않는 문제에 대해 문의주셨군요. 이 문제는 주로 플러그인 설정이나 JavaScript 및 CSS 코드에서 정확히 적용이 되지 않을 때 발생할 수 있습니다. 아래 몇 가지 점검해 보셔야 할 사항들을 정리해 보았습니다.

점검 사항:

  1. 플러그인 연결 확인: simplyscroll.js와 관련된 파일이 올바르게 포함되어 있는지 확인하십시오. 플러그인이 제대로 로드되지 않으면 기대하는 기능이 작동하지 않을 수 있습니다.

  2. HTML 요소 점검: .simply-scroll, .simply-scroll-clip 등의 클래스가 포함된 HTML 구조가 올바르게 작성되어 있는지 확인하세요. 대상 요소들이 제대로 래핑되어 있는지 체크하는 것이 중요합니다.

  3. CSS 및 JavaScript 경로 확인: (특히 애플리케이션 초기 설정 중) 플러그인 경로가 올바른지, 그리고 다른 스크립트와 충돌이 없는지를 살펴보세요.

  4. 개발자 도구 활용: 브라우저 개발자 도구(크롬의 경우 F12 키)를 사용하여 콘솔 오류나 네트워크 탭에서 리소스가 올바르게 불러오고 있는지를 확인할 수 있습니다.

참고할 만한 유사 사례:

올바른 답변이 되었기를 바라며, 파일 수신 및 검토는 강사님께 이뤄질 수 있으니 강의 페이지나 이메일을 통해 강사님과 직접 연락하시는 것도 좋은 방법입니다.

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

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기