fix: 左右两栏共用滚动容器，滚动位移保持一致

- 将 Layout body (#page-scroll) 作为唯一滚动容器，左右两栏同容器滚动 - 滚动区域从搜索框下方开始，搜索框固定 - 内容区 overflow visible、侧栏 height auto；返回顶部/路由归零改用 page-scroll - 验证：滚动 300px 后两侧 top 均为 -152，搜索框不动，返回顶部有效
2026-10-31 15:40:08 +08:00
parent 57ab90a1fa
commit 54fd0edf84
4 changed files with 54 additions and 42 deletions
@@ -147,6 +147,13 @@ DELETE /api/items/:id

 ## 11. 实施记录

+### P19（2026-10-31，左右两栏共用滚动容器）
+
+- 不再用 `sider.scrollTop = content.scrollTop` 模拟同步：把 Layout 的 body（`#page-scroll`）设为滚动容器，`margin-top: 88px`、高度 `calc(100% - 88px)`，左右两栏都在这个容器里；
+- 搜索框仍 fixed 在页头下方；滚动内容从搜索框下方开始；左右两栏位移完全一致（滚动 300px 后两边 top 都是 -152）；
+- 内容区 `overflow: visible`，侧栏高度改为 auto；返回顶部与路由切换都改用 `#page-scroll`；
+- 验证：滚动后两栏 top 相同、搜索框位置不变、返回顶部回到 0、切分组后滚动归零。
+
 ### P18（2026-10-31，搜索框下滚动、本地服务排序、拖拽末位修复）

 - 前台恢复「内容区内部滚动」：页头与搜索框固定，滚动区域从搜索框下方开始；侧栏不再独立滚动，内容区滚动时同步设置侧栏 `scrollTop`，滚轮在侧栏上也驱动内容区；