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.setAllowScrolling(false);变量的任何范围内使用fullpageapi。

叠加层打开时如何停止fullpage.js滚动？

1 个答案: