最稳妥方式是domcontentloaded后用requestanimationframe执行window.scrollto(0, math.max(document.body.scrollheight, document.documentelement.scrollheight))，并注意iframe、css盒模型及ios safari兼容性。
页面自动滚动到底部，最稳妥的方式是用 window.scrollTo() 配合 document.body.scrollHeight，但必须等 DOM 渲染完成、高度确定后再执行——否则在 iframe 或动态内容页里容易滚到 0 或失效。
为什么 window.scrollTo(0, document.body.scrollHeight) 有时不生效
常见错误现象：脚本放在 或 开头立即执行，此时 document.body.scrollHeight 还是 0；或者页面用了 CSS box-sizing: border-box + padding/margin，导致 height 计算偏差；iOS Safari 在某些缩放或 iframe 场景下，document.body 不反映真实高度，得切到 document.documentElement。
使用场景：适用于单页静态内容、iframe 子页面、数字标牌类无人交互页面。
- 优先监听
DOMContentLoaded，不是load（图片等资源不用等） - 若在 iframe 内执行，且父页控制了滚动容器，需确认目标是
document.body还是document.documentElement—— 可统一 fallback：Math.max(document.body.scrollHeight, document.documentElement.scrollHeight) - 避免直接写
window.scrollTo(0, document.body.scrollHeight)，加个requestAnimationFrame确保样式已计算完毕
scrollIntoView(false) 滚到底部更语义化但有兼容陷阱
scrollIntoView(false) 的本意是让元素底部对齐视口底部，所以常用来滚动到最后一个子元素。但它依赖 DOM 中存在“最后一个可见元素”，如果列表为空、或最后一项被 display: none / visibility: hidden，就会失效或滚错位置。
参数差异：true 滚顶部，false 滚底部；对象参数支持 { behavior: 'smooth', block: 'end' }，但 IE 完全不支持对象参数。
- 推荐写法：
document.body.lastElementChild?.scrollIntoView({ behavior: 'smooth', block: 'end' }); - 务必加可选链
?.，防止空节点报错 - 若最后元素是占位符（如
<div id="loader-trigger"></div>），它必须是display: block且无height: 0，否则scrollIntoView会忽略
移动端和 iframe 里必须注意的渲染时机
iOS Safari 和部分安卓 WebView 在页面刚加载时，scrollHeight 可能未更新；iframe 子页面若没显式声明 height: 100% 或 overflow: auto，body 高度可能被压扁为视口高。
性能影响：在 DOMContentLoaded 后立刻滚动，比等 load 快 200–800ms，尤其对图文混排页明显。
- 实操建议：用
setTimeout(() => { /* scroll code */ }, 0)或requestAnimationFrame延迟一帧，确保 layout 已触发 - iframe 场景下，若父页无法改子页代码，可在父页用
iframe.contentWindow.scrollTo()，但需同源，且必须等iframe.onload触发后才能访问 - 不要依赖
window.innerHeight做补偿值——它在横屏/软键盘弹出时剧烈变化，应只用scrollHeight和当前scrollTop差值做判断
真正容易被忽略的是：滚动行为是否被 CSS scroll-behavior: smooth 全局接管。如果已设置，window.scrollTo() 默认就平滑；但若没设，又想平滑，就必须显式传对象参数，不能只靠布尔值。另外，所有方案都默认作用于整个页面，如果只是某个 div 容器要滚到底，得换用 element.scrollTop = element.scrollHeight，别混用全局和局部 API。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
