# Scroll Trigger

hikoand

💡 Scroll trigger 원페이지 웹사이트를 만들다 보면 스크롤이 내렸을 때 진행되는 애니메이션을 구현해야 할 때가 있다. 애니메이션을 특별한 조건없이 걸게되면 페이지가 로드되는 순간 애니메이션이 진행되기 때문에 유저가 스크롤을 내려 해당 섹션을 보는 시점은 이미 애니메이션이 끝나있는 상태가 되어버린다. 유저가 특정섹션에 스크롤하는 순간 애니메이션을 진행시키기 위해서는 스크롤 트리거로 만들고 일정한 조건을 주어 조건을 만족시킬 때만 애니메이션을 진행시켜야 한다. 특정 시점에서 간단한 애니메이션을 걸어주는 것은 wow.js 같은 플러그인을 이용해 구현할 수 있지만 현재 작업중인 웹사이트에서 비교적 복잡한 애니메이션을 스크롤 트리거로 만들고 있기 때문에 jQuery의 메서드를 이용해 스크롤 트리거를 만들어 보았다. counter animation ![](https://images.velog.io/images/hikoand/post/bce45b8c-f02c-4d48-