The code you provided seems correct to disable scrolling when the modal is opened. However, there are several possible causes of the problem:

1. The button that opens the modal box does not use theopenModalfunction you defined in the script. Instead, it directly manipulates the modal's style. This means that theisModalOpenvariable is not set totrueand thedisableFullPageScrollfunction is not called. To solve this problem you should use theopenModalfunction when the button is clicked:

打开模态框

2. Thetag that closes the modal box does not use thecloseModalfunction. It should look like this:

×

3. closeModalThe function is not defined in the global scope, but it is called from HTML. This may cause errors. To solve this problem, you should define thecloseModalfunction in the global scope:

window.closeModal = closeModal;

The

4. disableFullPageScrollandenableFullPageScrollfunctions use FullPage.js methods to disable and enable scrolling. If you are not using FullPage.js, or it is not initialized correctly, these methods will not work. You should check that FullPage.js is included and initialized correctly in your project.

5. ThepreventDefaultandstopPropagationmethods in a scroll event handler may not be sufficient to prevent scrolling in all cases. You may also want to set the

   overflowstyle tohiddenwhen the modal is open, and reset it toauto when the modal is closed：

function disableFullPageScroll() { $.fn.fullpage.setAllowScrolling(false); $.fn.fullpage.setKeyboardScrolling(false); document.body.style.overflow = 'hidden'; } function enableFullPageScroll() { $.fn.fullpage.setAllowScrolling(true); $.fn.fullpage.setKeyboardScrolling(true); document.body.style.overflow = 'auto'; }

Please try these suggestions and let me know if they solve your problem.