sessionStorage 保存滚动位置需在滚动停止后存（推荐 scrollend 事件或防抖）、DOM 就绪后取（DOMContentLoaded/load 或 pageshow 且 persisted 为 true），并支持多容器按 data-scroll-id 区分存储与恢复。
用 sessionStorage 保存滚动位置，关键在于“什么时候存”和“什么时候取”。它不依赖框架或路由插件，原生 JS 就能搞定，适合大多数单页应用（SPA）或传统多页场景。
监听页面滚动并实时保存
监听 window.scroll 事件，在用户滚动时把当前垂直偏移量存入 sessionStorage。注意避免高频触发，可加简单节流或只在滚动停止后保存：
- 推荐用 scrollend 事件（现代浏览器支持，2024年起已广泛可用）：更精准，不抖动
- 兼容旧版可配合 setTimeout + clearTimeout 实现防抖，比如延迟 150ms 后再写入
- 只在 scrollTop > 0 时保存，避免首页顶部无意义记录
页面加载时恢复滚动位置
不能一上来就执行 scrollTop，得等 DOM 和布局就绪。稳妥做法是：
Ai Coach Batch Session Summary
下载
批量分析录音转写，输出多维度拓客报告。触发词：录音分析、总结、音频总结、拜访记录总结。当用户提及「分析录音」「看看录音数据」「最近的录音」「通话记录」且意图为批量统计/分析时触发。仅出现「录音」或「拜访」时需结合上下文，若仅查看单条详情则不触发。
- 在 DOMContentLoaded 或 load 事件后读取 sessionStorage
- 检查值是否为有效数字（非 null、非 NaN、大于 0）
- 用 window.scrollTo({ top: value, behavior: 'auto' }) 恢复；若需平滑动画，改用
behavior: 'smooth' - 对 SPA，可在路由切换完成（如 Vue 的
nextTick或 React 的useEffect）后再滚动
适配浏览器前进/后退行为
用户点击浏览器返回按钮时，部分浏览器会自动恢复滚动位置，但不可靠。主动干预更可控：
立即学习“Java免费学习笔记（深入）”；
- 监听 pageshow 事件（比 load 更早，且包含
event.persisted === true判断是否来自缓存） - 当
event.persisted为 true，说明是后退/前进进入，此时优先用 sessionStorage 恢复 - 同时清除已恢复的位置（
sessionStorage.removeItem('scrollPos')），避免重复应用
按容器单独保存（进阶场景）
如果页面有多个可滚动区域（如侧边栏、列表区、详情区），不要只存 window 的 scroll，而是按容器 ID 区分：
- 给每个滚动容器加唯一 data-scroll-id 属性，例如
<div data-scroll-id="list"> - 保存时用键名
`scroll_${id}`，如sessionStorage.setItem('scroll_list', el.scrollTop) - 恢复时查对应容器，调用
el.scrollTop = value，而非全局 window 滚动
