移动端滚动容器需同时设置具体高度和overflow-y才能生效，缺一不可；scrollIntoView需确保在目标容器内调用；锚点跳转须preventDefault并委托到document；动态内容插入应记录scrollTop差值再还原。
移动端滚动容器不是加个 overflow 就能用，漏掉高度约束、滚动上下文或事件拦截，90% 的“不滚动”问题都出在这三处。
滚动容器必须同时设高度和 overflow
浏览器只在同时满足「有明确高度边界」+「启用溢出行为」时，才创建滚动上下文。缺一不可。
-
height或max-height必须是具体值（如400px、70vh），min-height或flex: 1单独用大概率失效 -
overflow-y: auto（或scroll）不能只写在父级 flex 容器上——目标滚动元素自身也得带该声明 - Flex 布局中，若父容器用了
display: flex; flex-direction: column，子容器光写flex: 1不够，还得加min-height: 0防止它撑开 - iOS Safari 对
flex: 1+overflow组合兼容差，建议 fallback 成height: calc(100vh - 120px)这类硬值
scrollIntoView 在局部容器里为什么滚错地方
调用 element.scrollIntoView() 时，浏览器默认向上找最近的可滚动祖先，但它可能是 body，而不是你写的那个 .chat-log。
- 正确做法是先确认目标元素在容器内：
container.contains(targetEl)，再调用container.scrollTo({ top: targetEl.offsetTop - container.offsetTop, behavior: 'smooth' }) - 避免用
targetEl.scrollIntoView()直接调用，除非你已确保targetEl.offsetParent === container - 如果容器有
padding-top，offsetTop会多算这部分，应改用targetEl.getBoundingClientRect().top - container.getBoundingClientRect().top + container.scrollTop - Android WebView 和旧版 iOS 中，
scrollIntoView({ block: 'end' })可能不触发平滑，需降级为requestAnimationFrame手动滚动
点击锚点后页面乱跳，event.preventDefault() 漏了没
HTML 锚点链接（<a href="#section"></a>）点击时，浏览器会先执行默认跳转，哪怕目标在局部容器里——这步不拦，JS 滚动逻辑永远追不上。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
立即学习“前端免费学习笔记（深入）”；
- 监听必须挂到
document上，用事件委托：document.addEventListener('click', e => { if (e.target.matches('a[href^="#"]')) { e.preventDefault(); ... } }) - 判断是否为局部锚点，不能只看
href是否含#，还要解析 hash 并查 DOM：const hash = new URL(e.target.href).hash; const target = document.querySelector(hash); if (target && chatContainer.contains(target)) { ... } - 动态插入的链接（如聊天消息里的跳转）必须走同一套委托逻辑，单独给每个元素绑定会漏
滚动到底部后又弹回来，是内容重排在捣鬼
典型于消息列表、日志流等持续追加内容的场景：调用 scrollTo({ top: container.scrollHeight }) 后，新消息插入开头或中间，触发重排，scrollTop 被浏览器重置。
- 解决思路不是“滚更狠”，而是“避开重排时机”：在插入新节点前，先记下当前
scrollTop和scrollHeight差值，插入后再按比例还原 - 更稳的做法是让最后一条消息自己
scrollIntoView({ block: 'end' })，而非依赖容器总高 - 如果容器内有未加载图片或字体，
scrollHeight初次读取可能偏小，应监听load事件或用ResizeObserver等待稳定
真正难的不是怎么滚，而是什么时候不该滚——比如用户正在手动拖拽时，程序自动滚动会打断操作；或者多个滚动容器嵌套时，一个的 scroll 事件误触另一个的联动逻辑。这些边界条件，比写第一行 overflow 更值得花时间盯住。
