长文测试页

本页用于目录、滚动、锚点与阅读线等联调，内容无实际业务含义，可随便改或删。

简介：下面共 24 个二级标题（##），每节之间有一段占位正文，整页偏长，便于你划动验证右侧目录高亮与跳转是否跟手。

---

第一节 开始

这里是第一节的说明文字。你可以从「概览」或侧栏进入本页，然后点右侧目录里不同条目，看正文是否滚到对应标题（标题）。

若需要对比短页，可切到「Markdown 速查」等页面。

第二节 列表与代码

• 无序列表项 A（项）
• 无序列表项 B

示例代码块：仅作占位，不含可执行逻辑。

第三节 引用块

引用可以写多行。
用于拖长纵向滚动距离，方便你测试「长页面」表现。

第四节 行内混排

支持 粗体、斜体、code 与外链示例（外链 一般点开会新开页，以浏览器为准）。

第五节 更长的正文段落

Lorem 风格的占位段：文档站里常把「可滚动长文」和「短说明」分开放，本页就是前者。多划几次，确认最后一两节在接近页底时，目录仍能合理跟着当前节走（当前节 指你正在读的那一块）。

第六节 分节 六

与第五节类似，再堆一段。重复是为了长度，不是要你逐字读完。

第七节 分节 七

继续占位。若右侧目录点击能稳定跳到本节，而滚动时高亮不乱跳，即说明行为基本正常。

第八节 分节 八

中间区域用于模拟「长文中部」的滚动。你可以按住滑块或用滚轮快速拖到底，再慢慢拖回顶部，对比高亮（高亮）变化。

第九节 分节 九

到这儿大约过半（按节数不是按高度）。每节多写一两句，让页面在常见分辨率下明显超出一屏高。

第十节 分节 十

双位数的节了。若你本地百科构建有缓存，改完 md 后重启或清一下接口缓存再试（具体以 server 的 /api/wiki 配置为准）。

第十一节 分节 十一

仍然占位。--- 水平线有时在渲染里会当成分隔，本页在第一节后用过一条，你可在源码里自己加减。

第十二节 分节 十二

小提示：本仓库里标题 id 会生成成 long-test--第一节-开始 这种形式，与百科里其它页的命名规则一致。

第十三节 分节 十三

再一段：测试时请同时留意手机窄屏与宽屏下右侧栏是固定还是收折（以你们 CSS/断点 为准）。

第十四节 分节 十四

如果只想验证「很长」而不管文案，可在本文件末尾继续复制「## 新节 + 几段话」的模板，保存后重新走一遍构建/刷新即可。

第十五节 分节 十五

接近三分之二节数。目录若条目很多，测一下右栏内部是否可独立滚动（可滚动 指内容多于可视高度时，栏内出现滚条）。

第十六节 分节 十六

占位。aria-current 与 active 类名若对不上，优先以前端 routes.js 里当前逻辑为准。

第十七节 分节 十七

到这儿仍建议再划几下，看高亮是否跟「当前章」一致，而不会在轻轻划时就跳到最后一节（若会，就是以前那种「智能」判底策略过头了）。

第十八节 分节 十八

继续堆字。prefers-reduced-motion 若开，平滑滚动在部分环境会降级为瞬间跳转，这属于预期。

第十九节 分节 十九

节号快到尾巴了。IntersectionObserver 没在本页单独写，百科目录跟随滚动用的是主站现成脚本里那套，改行为到对应文件搜 wikiToc 或 Toc 即可。

第二十节 分节 二十

round number。用于心理安慰：你确实已经拉了一条很长的线。

第二十一节 分节 二十一

剩余节不多了。若最后一节特别长，有些站点会在真·滚到文档最底时把目录最后一项点亮，这属于常见兼容写法。

第二十二节 分节 二十二

几乎结束。可在这里故意多敲回车、拉高空行，看仅增加空白时，滚动条和高亮是否还符合直觉。

第二十三节 分节 二十三

倒数第二节。测完返回到页顶，再快速滚到底，看有没有明显卡顿；若有，把 Performance 里长任务和大 DOM 拆出去再优化。

第二十四节 收尾

最后一节。感谢当测试页用；不需要时从 toc.json 里去掉本页、再删掉本 md 即可（本页 指 long-test 这个 slug 对应整篇内容）。

祝联调顺利。