Javascript 无法读取属性'；setAllowScrolling'；未定义的。使用fullPage.js进行响应

我试图在模式弹出窗口打开时禁用滚动。下面的if语句在模式打开时禁用滚动，但在模式关闭后，滚动仍被禁用

if (isMoreInfoOpen === true) {
    fullpageApi.setAllowScrolling(false);
} 

为了解决这个问题，我添加了一个else语句，以便在模式关闭后重新打开滚动

if (isMoreInfoOpen === true) {
    fullpageApi.setAllowScrolling(false);
} else {
   fullpageApi.setAllowScrolling(true);
}

但是，添加else语句会导致错误： 无法读取未定义的属性“setAllowScrolling”

---

我在这里重新创建了这个问题：

当打开完整页面菜单时，试图禁用react fullpage scrolling时，我遇到了类似的问题。这似乎为我解决了这个问题：

if (isNavOpen) {
            fullpageApi.setAllowScrolling(false)
            console.log('fp scrolling locked')
          }
else if (state.initialized === true && isNavOpen === false) {
            fullpageApi.setAllowScrolling(true)
            console.log('fp scrolling unlocked')
          }

检查react fullpage状态是否已初始化，导航是否打开，似乎可以解决未定义的错误

---

我正在使用react上下文存储我的“isNavOpen”状态，而“state.initialized”指的是react fullpage状态呈现道具。

当打开完整页面菜单时，我试图禁用react fullpage滚动时遇到类似问题。这似乎为我解决了这个问题：

if (isNavOpen) {
            fullpageApi.setAllowScrolling(false)
            console.log('fp scrolling locked')
          }
else if (state.initialized === true && isNavOpen === false) {
            fullpageApi.setAllowScrolling(true)
            console.log('fp scrolling unlocked')
          }

检查react fullpage状态是否已初始化，导航是否打开，似乎可以解决未定义的错误

---

我正在使用react上下文存储我的“isNavOpen”状态，“state.initialized”指的是react fullpage状态呈现道具。

您需要检查fullpageApi是否已初始化。像这样的

if (fullpageApi) {
  ...
}

---

您需要检查fullpageApi是否已初始化。像这样的

if (fullpageApi) {
  ...
}

试试下面的方法

window.fullpage_api.setAllowScrolling(<true/false>)

在模态组件中，我有一个closeModal函数，在这里，我用

window.fullpage_api.setAllowScrolling(true)

这对我有用，所以希望这能帮到你！我不确定这是否是最佳的，但它正在发挥作用，如果我发现任何其他问题，我将继续播放并发布。

尝试以下方法

window.fullpage_api.setAllowScrolling(<true/false>)

在模态组件中，我有一个closeModal函数，在这里，我用

window.fullpage_api.setAllowScrolling(true)

---

这对我有用，所以希望这能帮到你！我不确定这是否是最佳的，但它正在工作，如果我发现其他任何东西，我将继续播放并发布。

我最终使用NormalScroll元素避免了setAllowScroll方法

刚刚添加了模态类名：

normalScrollElements = {'.modal-container'}

---

在移动设备上运行良好，但在桌面上有问题。

我最终使用NormalScroll元素避免了setAllowScroll方法

刚刚添加了模态类名：

normalScrollElements = {'.modal-container'}

---

在移动设备上运行良好，但在桌面上出现问题。

您尝试过使用

fullpage\u api.setAllowScrolling

吗？我在fullpage\u api.setAllowScrolling中遇到了相同的错误，假设您正在使用？如果是这样的话，我会鼓励你看看，如果你仍然有问题，你可以创建一个复制这个创建一个功能为您的切换检查。然后在fullPage.js提供的

afterRender

回调中调用它。然后在那里使用

fullpage\u api

。您尝试过使用

fullpage\u api.setAllowScrolling

吗？我在fullpage\u api.setAllowScrolling中遇到了相同的错误，假设您正在使用？如果是这样的话，我会鼓励你看看，如果你仍然有问题，你可以创建一个复制这个创建一个功能为您的切换检查。然后在fullPage.js提供的

afterRender

回调中调用它。然后使用

fullpage\u api

那里。嗯，我在这里尝试了你的解决方案：但仍然得到相同的错误。嗯，我在这里尝试了你的解决方案：但仍然得到相同的错误。你好！请在设置AllowScrolling（false）后让我知道我的导航栏滚动也不工作？这对伊瑟罗有什么解决办法吗！请在设置AllowScrolling（false）后让我知道我的导航栏滚动也不工作？这有什么解决办法吗