r - 在 flexdashboard 中结合多个页面不同类型的 vertical_layout

Question

我创建了一个包含多个页面的 flexdashboard 文档。我想要在第一页上，vetical_layout: fill但在第二页上我想要vertical_layout: scroll。我的文档是这样开始的：

---
title: "DASHBOARD"
output:
  flexdashboard::flex_dashboard:
    orientation: columns
    logo: logo.png
    vertical_layout: fill
---

我怎样才能看到第二页vertical_layout: scroll？

Answer 1

您可以覆盖vertical_layout单个 (H2) 列的全局值。

---
title: "Changing Vertical Layout"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
---

```{r setup, include=FALSE}
library(flexdashboard)
library(ggplot2)
```

Page 1
================================

Column {data-width=650}
-----------------------------------------------------------------------

### Panel A
```{r}
qplot(cars$speed)
qplot(cars$dist)
```

Column {data-width=350}
-----------------------------------------------------------------------

### Panel B
```{r}
qplot(cars$speed)
```

### Panel C
```{r}
qplot(cars$dist)
```

Page 2
================================

Column { vertical_layout: scroll}
-----------------------------------------------------------------------

### Panel A 
```{r}
qplot(cars$speed)
qplot(cars$dist)
```

```{r}
qplot(cars$speed)
qplot(cars$dist)
```

```{r}
qplot(cars$speed)
qplot(cars$dist)
```

这是覆盖全局值的类似示例。（但在这种情况下，他们正在改变页面（H1）级别的方向）。

Answer 2

以下解决方案对我有用。在 YAML 标头中，我使用“vertical_layout:fill”将默认行为设置为“fill”。然后，我在需要滚动的页面的页眉和列头中使用下面的 CSS 样式。

Page 3 {style="position:relative;"}
========================================================

Column {style="height:100pc;"}
--------------------------------------------------------

### Chart A

``` {r}
```

### Chart B

``` {r}
```