title: Scroll Snap Full Screen Always Scrolls 2 Sections
body: <p>The problem is shown here:</p>
  <p><a href="https://codepen.io/team/css-tricks/pen/yLLqqgP" rel="nofollow noreferrer">https://codepen.io/team/css-tricks/pen/yLLqqgP</a></p>
  <p>This is the important part:</p>
  <pre><code>    html {
          scroll-snap-type: y mandatory;
      }
      section {
          height: 100vh;
          scroll-snap-align: start;
      }
  </code></pre>
  <p>When setting height of section &gt; 120, or similar this issue can get fixed, but this is a hack.</p>
  <p>When I start scrolling, with a scroll wheel, then it always scrolls two sections, which makes the whole logic unusable.</p>
  <p>I am using Chrome: 86.0.4240.183.</p>
  <p>This codepen example is from: <a href="https://css-tricks.com/practical-css-scroll-snapping/" rel="nofollow noreferrer">https://css-tricks.com/practical-css-scroll-snapping/</a> which is a very well known ressource for css examples.</p>