Помогите отключить скролл FullPage.js при открытии модального окна

У меня есть кнопка в header, которая открывает модальное окно. Я использовал FullPage.js для того чтобы скроллить страницу но при открытии модального окна хочу отключить этот скроллинг.

Кнопка с header:

 <button data-aos="fade-up-right" class="section1header_button" id="open-modal">Начать</button>

Модальное окно:

<div class="modal-overlay" id="modal">
                                <div class="modal">
                                    <div class="modal-content">
                                        <p>...</p>
                                        <button class="close-modal" id="close-modal">Закрыть</button>
                                    </div>
                                </div>
                            </div>

JS код:

$(function () {
       let fullPageEnabled = true;
     
       $("#fullpage").fullpage({
         afterLoad(_, index) {
           if (index === 1) {
             return;
           }
       
           const $section = $('.section').eq(index - 1);
           $section.find('[data-aos]').addClass('aos-animate');
         }
       });
     
       $('.modal-overlay').click(function() {
         $.fn.fullpage.setAllowScrolling(false, 'all');
         fullPageEnabled = false;
       });
       
       $('#close-modal').click(function() {
         $.fn.fullpage.setAllowScrolling(true, 'all');
         fullPageEnabled = true;
       });
     
       $('#open-modal').click(function() {
         if (fullPageEnabled) {
           $.fn.fullpage.setAllowScrolling(false, 'all');
           fullPageEnabled = false;
         }
       });   });