Липкие вложенные вкладки в приборной панели QuartoCSS

Разбираемся в CSS
Anonymous
Липкие вложенные вкладки в приборной панели Quarto

Сообщение Anonymous »

Я создаю приборную панель Quarto с вложенными вкладками. Когда вывод довольно длинный, я хотел бы, чтобы вложенные вкладки были липкими вверху, поэтому, когда вы прокручиваете вниз, вы все равно можете увидеть вкладки. В настоящее время я использую .panel-tabset CSS, чтобы сделать вкладку липкой, но это делает только верхнюю вкладку, а не нижнюю вкладку. Я хочу иметь полные вложенные вкладки. Здесь простой воспроизводимый пример: < /p>

Код: Выделить всё

---
title: "test"
format: dashboard
editor: visual
---

# Test

```{css, echo=FALSE}
.panel-tabset {
position: sticky;
overflow-y: scroll;
top: 0px;
}
```

```{r, include=FALSE}
# Init Step to make sure that the dependencies are loaded
htmltools::tagList(plotly::ggplotly(ggplot2::ggplot()))
```

```{r}
#| echo: false
#| message: false
#| warning: false
library(ggplot2)
library(plotly)

# example list
example_list 

Подробнее здесь: [url]https://stackoverflow.com/questions/79703208/sticky-nested-tabs-in-quarto-dashboard[/url]

Вернуться в «CSS»