Confluence浮动目录导航

Confluence 是个好东西，很多人都喜欢用，但使用的过程还是需要一些技巧的，而且本身也提供了比较多的定制性，比如可以用内容工具来编辑模板，也支持自定义样式等。

本文讲的是在使用“目录”宏过程中遇到的一个问题，就是系统默认的“目录”宏的定位是固定在正文中的，而且不能缩放，也就造成了当目录比较长的时候上方的空间非常浪费，在 github 中有看到有人做了自定义的目录宏，但直接拿过来并没有生效，因此就想用一个比较粗暴简单的方式，就是直接使用自定义样式修改默认目录宏的位置和显示方式，下面直接放代码。

code {
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    background-color: #DDD;
    padding: 1px 5px;
    border-radius: 3px;
}
.toc-macro {
    float: right;
    border: 1px #CCC solid;
    border-radius: 3px;
    margin: 0 0 10px 20px;
    position: fixed;
    right: 60px;
    z-index: 9;
    background: #FFF;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
.toc-macro > ul {
    padding: 5px;
    margin: 10px 20px;
}
.toc-macro > ul ul {
    padding-left: 15px;
}
.toc-macro::before {
    content:"目 录";
    display: block;
    padding: 5px;
    background: #F4F5F7;
    font-weight: bold;
    text-align: center;
    font-size: 1.1rem;
    border-bottom: 1px #CCC solid;
}

有时间可以再看看宏的使用方法，做一个可配置，可收放的目录宏，在此留个记录。

Confluence浮动目录导航

相关