七章十五节的示例长文,用来检测目录滚动自动展开子目录功能。
前言先放一段:这篇文章专门为检测「文章目录滚动自动展开子目录」功能而生,章节多、层级深、内容长,慢慢滚。
第一章 环境准备
这一章没有子目录,用来验证「无子章节时不展开」。
准备工作的第一段,随便写点内容撑高度。滚动时目录高亮应该停在当前章节上,左侧竖线与主色跟随。
准备工作的第二段,继续撑高度。注意看右侧目录:第一章没有子项,滚到它时其他章节的子目录全部收起。
准备工作的第三段,再撑一点。三章之后才有密集子目录。
第二章 安装步骤
2.1 下载安装包
下载环节的第一段内容。滚到这里时,「第二章 安装步骤」应该自动展开出 2.1 / 2.2 / 2.3 三个子目录。
下载环节的第二段内容。子目录里的当前小节也会高亮。
2.2 依赖配置
依赖配置第一段。滚离 2.1 进入 2.2,目录展开区保持打开(同属第二章),高亮移到 2.2。
依赖配置第二段,继续撑高度。
2.3 首次启动
首次启动第一段。这是第二章最后一个小节。
首次启动第二段。往下滚进入第三章时,第二章的子目录应该收起。
第三章 核心概念
第三章没有子目录,和第一章一样用来对照。滚到它时,第二章展开的子目录应该已经收起来了。
概念解释第二段,继续撑高度。
概念解释第三段,再撑一段。
第四章 进阶用法
4.1 自定义配置
自定义配置第一段。第四章有四个子小节,是全文最深的展开区。
自定义配置第二段。
4.2 插件机制
插件机制第一段。注意子目录的展开/收起过渡是否平滑。
插件机制第二段。
4.3 性能调优
性能调优第一段。
性能调优第二段。
4.4 常见坑位
常见坑位第一段。第四章最后一个小节。
常见坑位第二段。
第五章 实战案例
5.1 案例背景
案例背景第一段。滚到这里,第四章子目录收起、第五章子目录展开。
案例背景第二段。
5.2 实施过程
实施过程第一段。
实施过程第二段。
第六章 常见问题
第六章同样没有子目录。
常见问题第二段,继续撑高度。
第七章 总结与展望
7.1 全文回顾
全文回顾第一段。最后一个带子目录的章节。
全文回顾第二段。
7.2 后续计划
后续计划第一段。滚到全文最底部,目录高亮应该停在 7.2,展开的仍属第七章。
后续计划第二段,全文完。
