Как совместить как scroll-snap, так и jQuery .scroll ()?

Question

Мне трудно объединить их в одном проекте.

Если я включу overflow: scroll, моя функция jQuery не будет вызвана, но если я отключу ее, тогда моя jQuery работает, но не прокручивается.

Я попытался изменить "окно" на "# scroll-parent" в jQuery .scroll(), но ничего не сделал.

$(window).scroll(function() {
  setMenuColor();
 });

body {
  font-family: "Montserrat";
  background: #000;
  margin: 0px;
  overflow-x: hidden;
}
#scroll-parent {
  //overflow: scroll;
  height: 100vh;
  scroll-snap-type: mandatory;
  scroll-snap-points-y: repeat(100vh);
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 1

# scroll-parent DIV не был в нужном месте в HTML