如何让 fullpage.js 也允许我的页面垂直滚动？

Question

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

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

我一直在研究，直到我得到这个：

http://www.valleycharacter.org/

到目前为止，这工作相对较好，除了一件事：

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

这甚至可能吗？我在想，整页中使用的方法可能有一些组合，会造成无法选择垂直滚动的情况？我被困住了。

Answer 1

你只需要调试页面就可以看到有错误：

Uncaught TypeError: element.find(...).slimScroll 不是函数

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

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

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

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

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

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