CSS 스크롤에 스냅 걸기

스냅 위치로 이동 및 스크롤 동작을 제어하는 기능이 포함된 CSS 내장 모듈이다.

<div>
  <section>1</section>
  <section>2</section>
  <section>3</section>
  <section>4</section>
  <section>5</section>
  <section>6</section>
</div>

div {
  height: 100vh;
  overflow: auto;
  scroll-snap-type: y mandatory;
}
section {
  height: 100vh;
  scroll-snap-align: start;
}