Наличие независимой прокручиваемой панели оглавления для веб-страницы

Question

В настоящее время у меня есть веб-страница, которая выглядит следующим образом

Я ожидаю, что содержание будет немного расти. Следовательно, я хотел бы иметь отдельную оконную панель в левой части страницы, которая может прокручиваться и складываться независимо (вроде как https://docs.python.org/3/). Можно ли это указать из таблицы стилей CSS? Обычно я использую pandoc иРазметка вместе с настраиваемой таблицей стилей CSS для размещения моей веб-страницы.

Также, как я могу иметь отдельную веб-страницу (скажем, домашнюю страницу моего сайта), содержащую только оглавление со списком ссылок на актуальные статьи,например, как на сайте Ноама Хомского . Опять же, решение с pandoc и уценкой является предпочтительным.

Answer 1

Попробуйте что-то вроде следующего CSS:

#TOC {
  position: fixed;
  top: 10px;
  left: 10px;
  overflow: scroll;
}
body {
  width: 300px;
  margin-left: 300px;
}