Fullpage.js 自定义

Question

我正在使用 fullpage.js 做一个项目并面临一个问题。在我的项目中，我有垂直幻灯片，而在每个垂直幻灯片中，我都有水平幻灯片。当我们使用鼠标滚动时，幻灯片工作正常。但是当我们使用键盘箭头时，它会令人困惑。即，我们需要使用“向上翻页”和“向下翻页”箭头进行垂直滚动，分别使用“向右”和“向左”箭头进行水平滚动。强迫客户对不同的幻灯片使用单独的箭头是我的问题。我们可以在垂直幻灯片和水平幻灯片中只使用向上翻页和向下翻页箭头而不破坏网站的连续性吗？

Answer 1

当然可以。

步骤：

• 使用 fullpage.js 选项keyboardScrolling:false
• 创建您自己的键盘绑定，将它们链接到 fullPage.js 函数，例如 moveTo、moveSectionUp、moveSlideRight 等。