这是一篇专门用于测试文章目录行为的示例文。下面包含 20 个二级标题，方便你观察：

  • 固定位置
  • 底部避让按钮
  • 目录自身滚动
  • 悬浮展开文本

标题 01：测试目标与观察点

用于确认目录在文章开头区域的初始位置是否合理。

标题 02：固定定位稳定性

向下滚动时，目录应保持固定，不随内容飘移。

标题 03：按钮避让行为

检查目录是否会与返回/置顶按钮发生遮挡。

标题 04：底部临界场景

滚动到接近页脚时，目录应被约束到按钮上方。

标题 05：页脚边界保护

目录不应侵入 footer 可视区域。

标题 06：单行截断表现

长标题在目录中应单行显示并带省略号。

标题 07：未悬浮简化模式

非悬浮状态仅显示当前标题，其他项显示占位线。

标题 08：悬浮完整展开

鼠标悬浮目录时，所有标题应完整可读。

标题 09：激活项识别

当前阅读位置对应标题应有明确高亮反馈。

标题 10：滚动条显隐逻辑

未悬浮时滚动条弱化，悬浮时显示。

标题 11：滚动条视觉克制

滚动条样式应细、低对比，不喧宾夺主。

标题 12：动画过渡无重影

占位线与文字切换应干净，不出现拖影。

标题 13：字重与字距可读性

目录文字应易扫读，避免过密或过轻。

标题 14：层级缩进一致性

若包含三级标题，缩进关系应清晰一致。

标题 15：窄屏降级策略

在较窄屏幕下目录应切换为移动端方案。

标题 16：可访问性基础

目录链接应可点击、可聚焦、跳转准确。

标题 17：长页面性能

观察滚动监听与目录更新是否平滑。

标题 18：样式主题兼容

明暗主题下目录对比度都应保持可读。

标题 19：边界值回归

反复从顶部到底部滚动，检查是否错位。

标题 20：最终验收结论

若以上行为都稳定，目录改造即可认为达标。