带有垂直滚动条的水平滚动条页面导航

Question

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

我查看了 fullpage.js 和 sly.js，我不确定哪一个最适合实现这种设计。另外，如果有人对如何执行此操作有任何其他建议，那也很好。

Answer 1

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

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

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