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

【问题标题】：How to make scrollable slides in an ioslides presentation with rmarkdown如何使用 rmarkdown 在 ioslides 演示文稿中制作可滚动幻灯片
【发布时间】：2019-04-03 12:13:58
【问题描述】：

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

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

我在谷歌上搜索了很多，找到了partial solution to make R code chunks scrollable。但是，无论内容如何，我都想让我的幻灯片可滚动。

这是一个玩具 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。

【问题讨论】：

即使您会自行回答，但这仍然不是一个好问题，因为您没有提供任何我们可以提供帮助的信息，也没有提供将来会帮助任何人的信息
问题是如何在使用 r-markdown 构建的 ioslides 演示文稿中的幻灯片中添加滚动条。我认为这是一个有明确答案的明确问题（正如我的回答所证明的那样）。这个问题及其答案肯定会在 1 小时前帮助我。
免责声明：我是 rmarkdown 包的主要作者之一。从我的角度来看，这是一个完全有效且实际上很好的问题。我也很感激 OP 在下面找到并分享了一个解决方案。我一直觉得那些不加解释就投反对票的人是冒犯和不负责任的，而且通常they don't really know what they're doing. 如果他们真正了解 R Markdown 是什么，我想挑战这些人。仅仅因为您是 CSS 专家并不意味着您是 rmarkdown 专家。

标签： r rstudio r-markdown knitr ioslides

【解决方案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.css 与 Rmd 位于同一目录中）：

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

【讨论】：