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

How can I get fullpage.js to allow my pages to scroll vertically too?

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

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

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

http://www.valleycharacter.org/

到目前为止,除了一件事:

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

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

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

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

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

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

当您从 Álvaro Trigo's example page 复制代码时(您应该更新元标记,以便您的页面描述准确无误,并且该页面看起来不像是另一个人 owned/developed),请继续在那里,检查源代码。

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

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

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