jqurey 특정 엘리먼트 위에서 AOS가 동작하게 하려면

➜ 팝업 안에서 스크롤 할 때 AOS적용 되게 하기

 

 

페이지 내에서 팝업창을 열었을 때,

윈도우의 스크롤을 없애고 팝업창 내에서만 스크롤 되도록 하는 경우가 있는데, 이 때 팝업 창 내의 요소들에 AOS를 적용해도 실행되지 않는 것을 볼 수 있다.

 

 

이 때 AOS가 동작하게 하려면,

특정 요소 위에서 스크롤 이벤트 실행시 AOS 스크롤 기준점 변경을 변경해주면 된다.

$('스크롤대상').on('scroll',AOS.refreshHard);