网页具有独立的可滚动目录列表窗格

Question

当前我有一个看起来像这样的网页

我希望目录会增长很多。因此，我想在页面的左侧创建一个独立的窗格，该窗格可以独立滚动和折叠（类似于https://docs.python.org/3/）。可以从CSS样式表中指定吗？我通常使用pandoc和markdown以及自定义的CSS样式表来布局我的网页。

我又如何拥有一个单独的网页（例如，我网站的主页），仅包含目录以及与实际文章的链接列表，例如Noam Chomsky的website。同样，最好使用pandoc和markdown的解决方案。

Answer 1

尝试类似以下CSS的方法：

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