如何在Quarto仪表盘仅部分页面开启scrolling功能？

要实现仅部分页面开启滚动，可通过全局关闭默认滚动+自定义CSS针对特定页面开启滚动的方式，具体操作如下：

1. 全局关闭滚动功能
   在YAML头部将scrolling设为false，确保所有页面默认不滚动：

   ---
   title: "Scrolling"
   format: 
     dashboard:
       scrolling: false 
   ---
   

2. 为需要滚动的页面添加自定义类
   在目标页面的标题后追加{.scrollable}类标记，比如给Page1添加：

   # Page 1 {.scrollable}
   

3. 插入自定义CSS规则
   在文档YAML块之后添加<style>块，针对带scrollable类的页面容器设置滚动属性：

   <style>
   .quarto-dashboard-page.scrollable {
     overflow-y: auto; /* 垂直方向内容超出时显示滚动条 */
     max-height: 100vh; /* 限制容器高度为视口高度，避免内容无限延伸 */
   }
   </style>
   

完整示例代码 #

---
title: "Scrolling"
format: 
  dashboard:
    scrolling: false 
---

<style>
.quarto-dashboard-page.scrollable {
  overflow-y: auto;
  max-height: 100vh;
}
</style>
       
# Page 1 {.scrollable}

```{r}
head(mtcars)

plot(mtcars$mpg, mtcars$cyl)

plot(mtcars$carb, mtcars$vs)

### 原理说明
- 全局关闭`scrolling`后，所有仪表盘页面的容器默认不会触发滚动；
- 通过给目标页面添加自定义类，结合CSS选择器精准定位该页面的容器，开启垂直滚动并限制容器高度，最终实现仅指定页面可滚动的效果。

内容的提问来源于stack exchange，提问作者Quinten