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

Question

我正在使用 RMarkdown 创建一个 Shiny 的 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!

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

编辑:我不知道为什么这被严重低估 - 希望有 build 性的评论:) 同时，我确实删除了 css标签这可能给不熟悉 rmarkdown 的人带来了。

Answer 1

自我回答:

使幻灯片可滚动的 CSS 位(水平和垂直，但如果只需要垂直滚动，则只需删除一行)是:

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

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

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

然后可以像这样将 CSS 文件添加到 Rmd(假设 scrollable_slides.css 与 Rmd 位于同一目录中):

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