fullpage.js랑 aos 같이 사용할 때 충돌이 안나는 방법..

Question

둘이 스크롤 충돌이 일어나서같이 적용이 안되고 있는데풀페이지 호출함수에 class추가하라는 말이 제일 많더라구요그런데 아무리 구글링해봐도정확한 예시가 없어서 죽겠어요제발 도와주실분 ㅠㅠㅠㅠㅠ해당 인덱스를 찾아서 class를 추가하는거까진 알겠는데...제가 aos.css 에 들어가서 뭐 수정해야하는건가요?ㅠ아 도저히 이해가 안돼요 ㅠㅠ초보에요 도와주세요 여러분

aos.init();$(function(){ var page = $('.fullpage').fullpage({ afterLoad: function (origin, destination, direction) { if ( index == 1 ) { console.log('첫번째다'); $(".section").addClass("aos-animate") } if ( index == 2) { console.log('두번째다'); $(".section").removeClass("aos-animate") } } })})제가 써본 제이쿼린데..ㅠ 도와주세요

sentence · Answer

해봐야알겠지만 이렇게하면 될거 같아요aos 애니메이션을 적용할 요소에 처음부터 주지마시고 fullpage.js에서 afterload 함수를 쓰셔서if (첫번째섹션이라면) { $("img").attr("data-aos", "fade-down") aos.refreshHard() } else if (첫번째 섹션이 아니라면) { $("#section1 [data-aos]").attr("data-aos", "") aos.refreshHard() }이렇게 모든 풀페이지js섹션에 다 만들어주고 테스트해보세요

fullpage.js랑 aos 같이 사용할 때 충돌이 안나는 방법..

1개의 답변

#fullpage.js 목록