如何在RMarkdown代码块中显示垂直滚动条（html视图）

Question

我找到了许多示例，概述了如何将水平滚动条添加到R Markdown HTML输出，包括此特定示例here。但是，没有一个描述如何添加垂直滚动条。再次借用链接的示例，但将宽矩阵转换为“高”矩阵，我想在我的ioslide演示文稿中通过矩阵滚动垂直。

---
title: "Vertical needs"
author: "Hyped"
date: "December 13, 2016"
output: ioslides_presentation
---

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

## Where's my vertical scrollbar?

```{r}
x <- matrix(nrow = 40, ncol = 4, data = 1)
x
```

上述矩阵的输出延伸到幻灯片的下边缘然后消失。没有滚动条。我尝试通过修改添加到.Rmd文件（或放置在自定义CSS中）的CSS样式代码来修改为解决缺少水平滚动条而给出的答案来自

<style>
pre code, pre, code {
  white-space: pre !important;
  overflow-x: scroll !important;
  word-break: keep-all !important;
  word-wrap: initial !important;
}
</style>

转换为（将overflow-x交换为overflow-y）：

<style>
pre code, pre, code {
  white-space: pre !important;
  overflow-y: scroll !important;
  word-break: keep-all !important;
  word-wrap: initial !important;
}
</style>

但没有运气。任何人都可以提供这个难题的缺失部分吗？

Answer 1

问题似乎是你没有指定代码块的高度。试试这个：

<style>
pre {
  white-space: pre !important;
  overflow-y: scroll !important;
  height: 50vh !important;
}
</style>

（有关单位vh检查this）

的信息

Answer 2

在@Martin Schmelzer的解决方案上，我注意到echo = TRUE可能会出现问题，或者您的输出在文档的其他部分中不是很大。要解决此问题，只需更改：

height: 50vh !important;

到

max-height: 50vh !important;