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

Horizontal scroll bar page navigation with vertical scroll bars

本文关键字：滚动条导航水平垂直更新时间：2023-09-26

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

我看了fullpage.js和sly.js，我真的不确定哪一个能最好地实现这种设计。此外，如果有人对如何做到这一点有任何其他建议，那也太好了。

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

fullpage.js默认情况下提供了箭头。但是您可以用它们来代替任何其他元素。

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