垂直幻灯片

默认情况下，你的幻灯片使用水平滑动过渡在步骤之间进行切换。这些水平幻灯片被认为是幻灯片组中的主幻灯片，或顶级幻灯片。

还可以在单个顶级幻灯片中嵌套多个幻灯片以创建垂直堆栈。这是在演示文稿中按逻辑分组内容的绝佳方式，而且便于包含可选幻灯片。

演示时，使用左右箭头在顶级（水平）幻灯片中移动。到达垂直堆栈时，可以选择按上/下箭头查看垂直幻灯片，或按右箭头跳过它们。这里有一个示例，展示了它实际操作的鸟瞰图。

Slide layout with vertical slides

标记

以下是简单垂直堆栈的标记示例。

<section>Horizontal Slide</section>
<section>
  <section>Vertical Slide 1</section>
  <section>Vertical Slide 2</section>
</section>
水平幻灯片
垂直幻灯片 1
垂直幻灯片 2

您可以使用 navigationMode 配置选项精确调整 reveal.js 的导航行为。请注意，这些选项仅适用于同时使用水平和垂直幻灯片的演示文稿。以下导航模式可用

值描述
default左右箭头键在水平幻灯片之间移动。上下箭头键在垂直幻灯片之间移动。空格键在所有幻灯片（水平和垂直）之间移动。
linear移除向上/向下箭头。左右箭头在所有幻灯片（水平和垂直）之间移动。
grid启用此功能后，从垂直堆栈向相邻垂直堆栈向左/向右移动将停在相同的垂直索引处。

考虑一个以两个垂直堆栈排列的六个幻灯片的幻灯片
1.1    2.1
1.2    2.2
1.3    2.3

如果您在幻灯片 1.3 上并向右导航，通常您将从 1.3 -> 2.1 移动。将 navigationMode 设置为 “grid” 时，相同的导航会带您从 1.3 -> 2.3。