скроллинг застревает при повторном срабатывании

Question

https://jonathanrace77.github.io/index.html

По сути, я могу использовать колесо прокрутки один раз и получу эффект привязки, который мне нужен, но ...

Если я нажму колесо прокрутки снова, середина прокрутки, затем оно застревает странным образом. Он начал это делать только после того, как переключился на прокрутку с привязкой контейнера, а не всего тела.

Я попытался воссоздать эффект внутри примера, но не могу его воспроизвести, он только делает это на мой сайт.

html {
  overflow: none;
}

body {
  font-family: "Montserrat";
  background: #000;
  margin: 0px;
  overflow-x: hidden;
  overflow: none;
}

#snap-container {
  overflow: scroll;
  height: 100vh;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
}

#snap-container > section {
  scroll-snap-align: center;
}

.section-class{
height: 100vh;
scroll-snap-align: start;
position: relative;
}

#sec-a{
background: red;
}

#sec-b{
background: green;
}

#sec-c{
background: blue;
}

#sec-d{
background: purple;
}

#sec-e{
background: yellow;
}

<div id="snap-container">
<section class="section-class" id="sec-a">A</section> 
<section class="section-class" id="sec-b">B</section> 
<section class="section-class" id="sec-c">C</section> 
<section class="section-class" id="sec-d">D</section> 
<section class="section-class" id="sec-e">E</section> 
</div>