Как сделать липкую боковую панель с помощью Quarto и HTML ⇐ CSS

[Anonymous]

Я использую quarto для рендеринга статического HTML-файла, а также использую макет панели с набором вкладок, в который я также добавил боковую панель (https://quarto.org/docs/interactive/layout.html#sidebar -panel).
Однако страница длинная, поэтому мне нужно прокрутить вниз, чтобы добраться до конца; Я бы хотел, чтобы боковая панель была «фиксированной» при прокрутке страницы и прокручивалась только при наведении на нее курсора. Этого поведения можно добиться, поместив позицию:sticky в контейнер Panel-sidebar, но пока мне не удалось заставить его работать. Есть идеи, почему я не могу заставить это работать? см. воспроизводимый пример ниже:
---
title: "Test"
title-block-banner: true
format:
html:
theme: default
---

```{css, echo=FALSE}
.panel-sidebar {
position:sticky
top:0;
}
```

::: panel-tabset

## Test1

::: panel-fill
A long list of things and a long table:

```{r}
library(tidyverse)
library(reactable)
reactable(mtcars, defaultPageSize=100)
```
:::

::: panel-sidebar
Something that I want to be stick on top when I scroll the page
:::
:::


Подробнее здесь: https://stackoverflow.com/questions/786 ... o-and-html