javascript - 水平滚动条页面导航与垂直滚动条

Question

所以我有大约 8 页，或多或少我希望用户能够水平滚动到每一页。然而，这 8 页中的每一页也都相当长，并且每页都需要一个垂直滚动条。因此，当用户使用水平滚动条时，他们应该能够导航不同的页面，但是当使用垂直滚动条时，他们应该能够在他们正在查看的页面上上下滚动。

我查看了 fullpage.js 和 sly.js，我不确定哪一个最适合实现这种设计。另外，如果有人对如何做到这一点有任何其他建议，那就太好了。

Answer 1

如果您使用 fullpage.js，它不提供任何水平滚动条。您可以使用键盘箭头或网站中的任何视觉元素从一张幻灯片水平滚动到另一张幻灯片。

fullpage.js 默认提供箭头来执行此操作。但您可以用它们替换任何其他元素。

然后您可以使用选项scrollOverflow:true 允许幻灯片内垂直滚动。