스크롤 스냅 (Scroll Snap)

기존에 자바스크립트로 구현하던 스크롤 스냅이라는 기능이 있었습니다

스크롤링하면 자석으로 붙는 것 마냥 딱 붙어서 동작하는 기능입니다 => 예시

프론트엔드 개발자 이성훈입니다

 

예전엔 자바스크립트 이벤트를 사용해서 구현해야했지만 지금은 CSS 두줄로 해결이 가능합니다

 

/* PARENT */
scroll-snap-type: y mandatory;

/* CHILDREN */
scroll-snap-align: center;