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

【问题标题】：Horizontal scroll bar page navigation with vertical scroll bars带有垂直滚动条的水平滚动条页面导航
【发布时间】：2015-12-21 15:43:58
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

当转到不同的页面时，它是否像 ajax 一样工作。就像您访问每个页面或一次全部加载一样。我在每个页面上都有动态内容。
如果您愿意，您可以使用任何 ajax 技术，但请记住您不能动态创建部分或幻灯片。如果添加内容，请确保在其后调用 fullpage.js 方法 reBuild。