CSS scroll snap 속성 사용하기
fullllpage 형식 페이지 구성시, 스크롤 되는 위치에 화면이 자연스럽게 위치되도록 도와주는 CSS 속성이다. 별도 API를 사용하거나 자바스크립트로 요소 위치를 계산할 필요 없이 간편하게 사용할 수 있다.
사용법
스크롤 스냅을 적용할 부모 컨테이너 영역에 scroll-snap-type을, 자식 영역에 scroll-snap-align 속성을 적용한다.
* 부모 스크롤 스냅 컨테이너 */
.scroll-container {
overf...
kykim.hashnode.dev2 min read