You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为Quarto的Reveal.js幻灯片添加多个类(如scrollable、nostretch)

在RevealJS幻灯片中同时添加scrollable和nostretch类的正确方法

要给单张幻灯片同时添加.scrollable和.nostretch两个类,正确写法是把多个类放在同一个花括号内,用空格分隔,不需要逗号,也不能拆分出两个独立的花括号。

正确的标题写法:

## Inferences from Posterior for Treatment Effect {.scrollable .nostretch}

完整配置示例:

---
format: 
    revealjs:
        scrollable: true
---

## Inferences from Posterior for Treatment Effect {.scrollable .nostretch}

这里是幻灯片的长内容,启用滚动后可以完整展示,同时nostretch类会避免内容被过度拉伸。

之前写法无效的原因:

  • 用逗号分隔类名({.scrollable, .nostretch})不符合Quarto/Pandoc的属性语法规范,无法被正确识别。
  • 拆分两个花括号({.scrollable} {.nostretch})也不生效,因为标题的属性定义只能通过一个花括号块完成。

滚动效果示例:

幻灯片滚动效果示例

内容的提问来源于stack exchange,提问作者Joe

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.25 18:23:18