如何在 FullPage.js 中的特定部分上正常滚动（不对齐）？

Question

我正在尝试建立一个网站，我可以在前两个部分中使用滚动捕捉，然后正常滚动较长的部分（300vh）。

怎样才能达到这样的效果呢？我还没有找到任何地方可以正确解释它，因此非常需要帮助。

我已尝试使用 FullPage.js 文档中提到的

scrollOverflow: true;

，但它无法正确滚动。它要么卡在长部分上，要么根本不在此部分内滚动。

编辑：找到答案了！有一个 CSS 文件链接，其中包含 fullpage.js 的样式，包含它后，一切都会正常工作。这是 CodePen。

https://codepen.io/cftyftyj/pen/ExqjJee

这是CSS链接： https://cdn.jsdelivr.net/npm/[电子邮件受保护]/dist/fullpage.min.css

Answer 1

您缺少 fullpage.css 文件。 确保将其包含在页面的头部。

阅读 fullpage.js 文档的更多内容： https://alvarotrigo.com/fullPage/docs/#include-files

您可以在 fullPage.js 示例页面找到完整示例： https://alvarotrigo.com/fullPage/examples/scrolling.html

查看源代码。