fullPage.js のスクロール制御をCSSで模倣する

scroll-snap-alignプロパティとscroll-snap-typeプロパティを使用する。

<div class="wrapper">
  <div class="section">
  </div>
  <div class="section">
  </div>
  <div class="section">
  </div>
</div>

.wrapper {
  overflow: scroll;
  scroll-snap-type: y mandatory;
  width: 100vw;
  height: 100vh;
}

.section {
  scroll-snap-align: start;
  width: 100%;
  height: 100%;
}