zxremail MPE 预览冻结表头
Overview
Markdown Preview Enhanced 实时预览里，用页面级 th { position: sticky }，不要内嵌滚动框。滚动必须留给预览视口；只解开内容容器的 overflow。
REQUIRED BACKGROUND: 钉 th、禁止 overflow+max-height 包一层，见 freezing-html-table-headers。本技能只管 MPE 预览壳。
When to Use
- 用户明确用 MPE / Markdown Preview Enhanced
- 导出或独立 HTML 已能钉表头，MPE 预览不能
- 只保存
.md后预览样式不变 - 表头钉住后整页无法下滑
不要用本技能： 内置 Markdown 预览、md2html 独立 HTML（走 freezing-html-table-headers）。
必改文件（工作区优先，全局兜底）
| 路径 | 作用 |
|---|---|
<workspace>/.crossnote/style.less |
MPE 注入预览的主样式 |
<workspace>/.crossnote/head.html |
写入 <head>，不被正文 DOMPurify 丢掉 |
~/.local/state/crossnote/style.less |
命令面板 Customize CSS (Global) 写这里 |
~/.local/state/crossnote/head.html |
全局 head 兜底 |
工作区文件优先于全局。两边都写同一套规则，避免「工作区改了、已打开的壳仍读全局」。
落地配方
把下面这段 扁平 CSS（不要 LESS 嵌套）写入 style.less；head.html 用同一段，外包 <style id="mpe-sticky-table-header">。表格 class 按文档替换（如 capsule-table / sticky-head）。
/* 只解开内容容器。禁止 html/body overflow:hidden。 */
.preview-container .crossnote[data-for='preview'] {
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
table.sticky-head {
display: table !important;
overflow: visible !important;
border-collapse: separate !important;
border-spacing: 0;
width: 100%;
}
table.sticky-head thead th {
position: sticky !important;
top: 0 !important;
z-index: 20;
background: var(--panel, #161b22) !important;
box-shadow: 0 1px 0 var(--border, #30363d);
}
th 背景必须不透明，盖住滚上来的正文。黑底表用该表自己的底色（例如 #000）。
三条硬规则
- 禁止
html, body { overflow: hidden }（以及任何把整页锁死的overflow: hidden）。sticky 仍失效时，去查预览内容容器，不要锁页面。这会让整个预览无法下滑。 - 禁止给表格外包
overflow+max-height。GitHub 主题的table { display:block; overflow:auto }必须用display:table; overflow:visible盖掉。 - 不必关预览标签。 在编辑器里保存工作区
.crossnote/style.less或head.html时，MPE 会重新编译样式并整页刷新。只保存.md只会换正文，外壳 CSS 不变。若样式是外部写入、刷新仍是旧的：在编辑器里打开并再保存一次.crossnote文件；仍无效再关标签重开，或Developer: Reload Window。
为什么 .md 里的 <style> 不够
MPE 用 DOMPurify 丢掉正文里的 <style> 标签（style="" 属性会留）。即便留下，sticky 仍会挂在 .preview-container .crossnote[data-for=preview] 上——该节点默认 overflow: auto 且 height: auto，是一个永不滚动的滚动祖先，表头跟着表格一起走。只改表格、不解开这层 overflow，预览永远钉不住。
检查清单
- 写入工作区
.crossnote/style.less和head.html - 需要时同步
~/.local/state/crossnote/两份文件 - 只改
.preview-container .crossnote[data-for=preview]，没有html/body overflow:hidden - 表格
display:table; overflow:visible；sticky 在th上；不透明背景 - 无
max-height+overflow包裹层 - 已在编辑器里保存
.crossnote/style.less（或head.html），不是只保存.md - 验证：整页仍能滚到底，表头钉在预览窗口顶部