javascript - 我怎样才能让 fullpage.js 允许我的页面也垂直滚动？

Question

我正在为想要水平滚动网站的客户构建一个网站，当内容不适合时，该网站还可以容纳每个“页面”的垂直滚动。如果没有帮助，我不知道该怎么做，所以我从 Álvaro Trigo 的 Full Page js 开始，您可以在这里看到它:

http://www.alvarotrigo.com/fullPage/

我四处寻找直到得到这个:

http://www.valleycharacter.org/

到目前为止，除了一件事外，它工作得相对较好:

如果浏览器窗口很宽，但不是很高，以至于内容比浏览器窗口允许的高度更深，则站点没有滚动功能。我已经尝试了许多启用滚动的不同方法，但它们要么根本不起作用，要么只对一个页面起作用但对其他页面不起作用，或者仅在稍微调整窗口大小以某种方式“唤醒”滚动条之后才起作用。

这可能吗？我在想，可能有一些在 fullpage 中使用的方法的组合会造成垂直滚动不是一种选择的情况？我卡住了。

Answer 1

你只需要调试一下页面，看看有没有错误:

Uncaught TypeError: element.find(...).slimScroll is not a function

这可能意味着很多事情，但考虑到您使用的是 jQuery 插件，很可能是以下两者之一:

• 您使用的是旧版本的插件。
• 您忘记包含插件运行所需的一个库。

当您从 Álvaro Trigo's example page 复制代码时(您应该更新 meta 标记，以便您的页面描述准确无误，并且该页面看起来不像是其他人拥有/开发的)，去那里检查源代码。

在那里你可以看到他实际上包含了一个你没有的库:

<script type="text/javascript" src="../vendors/jquery.slimscroll.min.js"></script>

下载该文件，将其包含在您的项目中，然后错误消失，页面更适合屏幕，现在滚动工作正常。