JSFiddle - React, Tailwind, and code Playground

HTML

<div id="out">
  <div style="white-space: nowrap;">
    ああああああああああああああああああああああああああああああ
    いいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
  </div>
  <script><!--
    for (let i = 0; i < 100; i++) {
      document.write('<div>' + i + '</div>');
    } 
  //--></script>
</div>

CSS

body {
  margin: 0;
  padding: 0;
}
#out {
  margin: 0;
  background-color: #ccffff;
  width: 100vw;
  overflow: hidden scroll;
  scroll-snap-type: y mandatory;
  height: 100vh;
  position: relative;
}