Quarto RevealJS演示：如何同时实现分区、垂直幻灯片及滚动功能？

要同时实现演示分区、垂直子幻灯片布局和可滚动水平幻灯片，调整配置和标题层级结构即可，具体如下：

核心调整点 #

• 移除navigation-mode: vertical配置：这个参数会修改默认的幻灯片层级映射逻辑，让一级标题直接成为水平幻灯片，和你需要的「一级分区、二级水平、三级垂直」结构冲突，必须删除。
• 利用默认标题层级对应幻灯片结构：一级标题（#）作为演示分区，二级标题（##）作为水平幻灯片，三级标题（###）自动成为对应二级幻灯片的垂直子幻灯片。
• 确保Quarto版本≥1.3：.scrollable功能是Quarto 1.3版本后新增的，旧版本不支持该特性。

正确配置示例 #

---
format:
  revealjs:
    # 可按需添加其他RevealJS配置，比如slide-number、theme等，无需设置navigation-mode: vertical
---

# 演示分区1

## 水平幻灯片1
这是第一页水平幻灯片

## 水平幻灯片2
这是第二页水平幻灯片

### 垂直子幻灯片2.1
这是水平幻灯片2下的垂直子幻灯片，现在可以正常显示了

### 垂直子幻灯片2.2
另一页垂直子幻灯片

## 可滚动水平幻灯片 {.scrollable}
这里可以放置大量内容，超出幻灯片高度时会自动出现滚动条。例如：
- 列表项1
- 列表项2
- 列表项3
- 列表项4
- 列表项5
- 列表项6
- 列表项7
- 列表项8
- 列表项9
- 列表项10
- 列表项11
- 列表项12
- 列表项13
- 列表项14
- 列表项15

效果说明 #

• 一级标题作为演示的大分区，会在RevealJS的导航条中显示分区名称。
• 二级标题是横向切换的水平幻灯片，三级标题是对应二级幻灯片下的纵向切换子幻灯片。
• 添加了.scrollable类的水平幻灯片，内容超出可视区域时会自动启用滚动功能。

内容的提问来源于stack exchange，提问作者Claudio