css - 带有knitr幻灯片的长功能垂直滚动条

Question

是否可以使用 knitr 幻灯片（使用xaringan自定义样式）为长功能制作垂直滚动条？我正在尝试基于上一个问题如何使垂直滚动条出现在 RMarkdown 代码块（html 视图）中的一些选项，但不知道如何仅针对长函数（高度超出框架）执行此操作。任何建议都非常受欢迎。

---
title: "title"
subtitle: "subtitle"
author: "author"
date: "2017"
output:
  xaringan::moon_reader:
    lib_dir: libs
    css: ["default", "style.css"]
    nature:
      highlightStyle: zenburn
      highlightLines: true
      countIncrementalSlides: false
---

```{r , echo=FALSE, include=FALSE}
library(knitr)
opts_chunk$set(fig.align='center', message=TRUE, error=TRUE, warning=TRUE, tidy=TRUE, comment = "##", echo = TRUE, dev='svg')
options(width=65)
```

```{r}
fu <- function(x){
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
}
```

Answer 1

您是否尝试过此答案的解决方案

.scrollable-slide {
    height: 800px;
    overflow-y: auto !important;
}

Answer 2

在您的style.css中，创建一个将 y 溢出定义为滚动和所需高度 div 的类（请参阅此SO 答案作为参考）

.pre {
  height: 10pc;
  overflow-y: scroll;
}

然后将该 css 类应用于代码块：

.pre[
```{r}
fu <- function(x){
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
  x
}
```
]

Answer 3

我不是 CSS 专家，所以不能保证这是一个强大的解决方案，但是在代码块的样式中添加 max-height 和 overflow-y 似乎效果很好。根据需要调整最大高度，200px 相当短，仅用于演示其工作原理：

<style>
pre.sourceCode {
    max-height: 200px;
    overflow-y: auto;
}
</style>

我不确定代码块的类名是否会随着不同的输出格式而改变，我使用slidy_presentation的是因为我没有安装你的渲染器，所以你可能需要检查输出中的类。