覆盖打开时如何停止 fullpage.js 滚动？

Question

我试图在覆盖打开时停止整个 page.js 滚动

这是停止滚动所需的代码，但是我对 JS 不够熟悉，无法实现它

//disabling scrolling
fullpage_api.setAllowScrolling(false);

有人有什么建议吗？

<div class="menu">
  <a href="#" class="menu-link">
  <span class="hamburger-icon">
    <span class="hamburger-bar hamburger-bar-1"></span>
    <span class="hamburger-bar hamburger-bar-3"></span>
  </span>
  </a>
</div>

<div class="menu-overlay">
  <nav class="overlay-menu">
  </nav>
</div>


$(document).ready(function() {

$(".menu-link").click(function(event) {
  event.preventDefault();
$(".menu-overlay").toggleClass("open");
  $(".menu").toggleClass("open");
  });
});

Answer 1

如果你使用 jQuery 初始化 fullpage.js，你可以使用$.fn.fullpage.setAllowScrolling(false)。

如果你用纯 JS 初始化，你需要维护一个对初始化实例的引用。例如：

var fullpageapi = new fullpage('#fullpage', {
//options here
    autoScrolling:true,
});

然后您可以在任何可以访问fullpageapi 变量的范围内使用fullpageapi.setAllowScrolling(false);。