一种使用锚按钮滚动(不移除锚)向fullpage.js“添加冷却时间”的干净方法?

时间:2019-11-17 14:07:01

标签: reactjs fullpage.js

想知道是否有人可以通过react就有关fullpage.js的问题给我建议。

我的问题是,各部分之间的垃圾邮件按钮会导致滚动变得不稳定,并且背景图像会闪烁。 setAllowScrolling(false,'all')等似乎不适用于通过按钮滚动(通常通过滚轮工作)。还需要始终使用这些锚,因为我使用它们添加到组件中的活动类。

复制步骤

  1. 由于我希望对其进行修复,因此在包装器外部添加了导航栏。
  2. 在菜单列表中添加了锚点等功能。
  3. 如果用户向他们发送垃圾邮件,滚动将变得不稳定,而且由于锚定按钮似乎是内部插件功能,因此我对如何设置冷却时间感到困惑。

[Chrome,Firefox,Windows 10,台式机。]


这里是准系统代码和框:https://codesandbox.io/s/portfolio-3gb8z

此刻,在NavList.js中,我同时获得了onClick函数和锚点。我在前两个按钮中实现的冷却时间适用于onClick功能,但不适用于锚定/菜单功能。

请记住,如果禁用onClick,则锚点仅在单击外部按钮时才起作用,因为按钮上的图标/文本不会记录点击。这就是为什么我也首先在其中放置onClick函数的原因。

问题是我只想找到一种将冷却时间应用到锚上的方法。问题是通过连续发送垃圾邮件按钮或在滚动发生时对它们进行垃圾邮件(尝试前两个按钮)来再现的。

PS:我可以摆脱锚点,并保持按钮处于有效的冷却状态,但是我需要该活动类。

TLDR:,因为我很想解释:说您触发了

  window.fullpage_api.setAllowScrolling(false, "all");
  window.fullpage_api.setKeyboardScrolling(false, "all");

锚仍然有效-这是我问题的本质。

0 个答案:

没有答案