js로 aos 다루기

document.addEventListener('aos:in', ({ detail }) => {
  console.log('animated in', detail);
});

document.addEventListener('aos:out', ({ detail }) => {
  console.log('animated out', detail);
});

 

요소에 aos가 표시되거나 사라질 때마다 콘솔로 확인할 수 있음.

 

출처: https://www.javascripting.com/view/aos