问如何避免在滚动事件处理程序中递归调用scrollIntoView()？

EN

html,
body,
.container{
  width: 100%;
  height: 100%;
}

.container {
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
}

section {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10em;
  width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always
}

section:first-of-type {
  background: red;
}

section:nth-of-type(2) {
  background: orange;
}

section:nth-of-type(3) {
  background: yellow;
}

section:nth-of-type(4) {
  background: green;
}

section:nth-of-type(5) {
  background: blue;
}

section:nth-of-type(6) {
  background: purple;
}

<article class="container">
  <section>First section</section>
  <section>Second section</section>
  <section>Third section</section>
  <section>Fourth section</section>
  <section>Fifth section</section>
  <section>Sixth section</section>
</article>