r - 如何使用 rmarkdown 在 ioslides 演示文稿中制作可滚动幻灯片

Question

我正在使用 RMarkdown 创建一个闪亮的 ioslide 演示文稿。我的一些幻灯片实际上不适合一页并且被截断。

由于这是一个 HTML 输出，我想添加一个滚动条以使我的长幻灯片可滚动。

我一直在谷歌搜索，并找到了使 R 代码块可滚动的部分解决方案。但是，无论内容如何，​​我都想让我的幻灯片可滚动。

这是一个玩具 Rmd 示例，提供的幻灯片不适合一页：

---
title: "Untitled"
date: "30 October 2018"
output: ioslides_presentation
runtime: shiny
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = FALSE)
```

## Shiny Presentation 

- A very long

- and boring

- list of

- bullet points

- just a

- toy example

- obviously

- not over yet

- almost

- not quite

- finally

- out of frame!

我想让这张幻灯片可滚动，因为它不适合一页。

编辑：我不确定为什么这会被严重否决-希望有建设性的评论:) 同时，我确实删除了css可能使人们不熟悉 rmarkdown 的标签。

Answer 1

自我回答：

使幻灯片可滚动的 CSS 位（水平和垂直，但如果只需要垂直滚动，您只需删除一行）是：

slides > slide {
  overflow-x: auto !important;
  overflow-y: auto !important;
}

请注意，幻灯片从 ioslide 获取高度，因此无需指定高度（实际上，如果这样做，它似乎会引入视觉故障）。使用auto而不是scroll确保滚动条仅在需要时出现。

您可以直接在 Rmd 中的<style>标签之间添加此 CSS，也可以将 CSS 放在单独的文件中（例如scrollable_slides.css）。

然后可以像这样将 CSS 文件添加到 Rmd（假设与scrollable_slides.cssRmd 在同一目录中）：

---
title: "..."
output: 
  ioslides_presentation:
    css: 'scrollable_slides.css'
runtime: shiny
---