如何在Quarto中实现水平滚动？

Question

我想知道是否可以在revealjs演示文稿中添加一个水平滚动的Quarto演示文稿？以下代码使在幻灯片中垂直滚动成为可能：

---
title: "How to horizontally scrollable"
format: revealjs
---

## Slide Title {.scrollable}

- Some text
- Some more text 
- Some text
- Some more text 
- Some text
- Some more text 
- Some text
- Some more text 
- Some text
- Some more text 

输出：

​

​

所以我想知道是否有人知道是否可以在Quarto中添加一个水平滚动

Answer 1

你所需要的只是一些css代码。

---
title: "How to horizontally scrollable"
format: revealjs
css: hscroll.css
---

## Slide Title {.hscroll .scrollable}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dolor mauris, mattis non nunc nec, luctus aliquet magna. In tortor ante, aliquam eget felis eu, consectetur congue enim. Pellentesque pellentesque tincidunt lectus quis lacinia. Aliquam dolor sem, aliquet vitae aliquam eget, vehicula ac augue. Pellentesque molestie quam et commodo dignissim. Suspendisse potenti. Sed pellentesque metus non turpis condimentum molestie. Nullam accumsan urna nec luctus rutrum. Nunc dapibus auctor convallis. Praesent ac felis fermentum, venenatis elit vel, venenatis mi. Fusce non tellus risus. Phasellus elementum erat sit amet urna venenatis maximus. Nunc vehicula pretium scelerisque.


- Some text
- Some more text
- Some text
- Some more text
- Some text
- Some more text
- Some text
- Some more text
- Some text
- Some more text

hscroll.css

.hscroll {
  overflow: auto;
  white-space: nowrap;
}

​

​