Активация я кнопки при скроллинге экрана

есть такой код скролинга, при помощи fullPage.js. Скролинг работает хорошо, но я добавил фиксированные кнопки, при нажатие которых, происходит переход по якорям на нужный селект. При нажатии, сама кнопка становиться активной, при помощи добавления класса is-active. Но как заставить актировать этот класс, когда происходит скролинг при помощи колесика мыши?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/fullPage.js/3.0.4/fullpage.min.js"></script>

<div class="meny">


<a href="#1"><div class="circle">
        <div class="inner">
          
        </div>
    </div> </a>
<a href="#2"><div class="circle">
        <div class="inner">
           
        </div>
    </div> </a>
<a href="#3"><div class="circle">
        <div class="inner">
          
        </div>
    </div> </a>
<a href="#4"><div class="circle">
        <div class="inner">
          
        </div>
    </div> </a>
<a href="#5"><div class="circle">
        <div class="inner">
          
        </div>
    </div> </a>
<a href="#6"><div class="circle">
        <div class="inner">
          
        </div>
    </div> </a>
<a href="#7"><div class="circle">
        <div class="inner">
        
        </div>
    </div> </a>
</div>


<div id="fullpage">
    <div class="section" name="1" value="1"> ....</div>
    
    <div class="section" name="2" value="2"> ....</div>
 <div class="section" name="3" value="3"> ....</div>
</div>



<script>
new fullpage('#fullpage');


$(".circle").click(function () {
  
$(".circle").removeClass("is-active");
$(this).toggleClass("is-active");
});
</script>