Как заставить вертикальную полосу прокрутки появляться в кусках кода RMarkdown (просмотр в формате html)

Question

Я нашел много примеров, показывающих, как добавить горизонтальные полосы прокрутки к выводу HTML Markdown R, включая этот конкретный пример здесь. Тем не менее, ни один из них не описывает, как добавить вертикальные полосы прокрутки. Снова заимствуя из связанного примера, но перенося широкую матрицу в "высокую" матрицу, я бы хотел прокрутить матрицу по вертикали в моей презентации 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
```

Вывод вышеуказанной матрицы распространяется на нижний край слайда и затем исчезает. Нет полосы прокрутки. Я попытался изменить ответы, данные для решения проблемы отсутствия горизонтальных полос прокрутки, изменив код стиля CSS, добавленный в файл.Rmd (или помещенный в пользовательский CSS) из

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

to (замена 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 проверьте это)

Answer 2

Добавляя к решению @Martin Schmelzer, я заметил, что могут возникнуть проблемы, если echo = TRUEили если ваш вывод не слишком велик в других частях документа. Чтобы исправить эту проблему, просто измените:

height: 50vh !important;

в

max-height: 50vh !important;