window.scrollto()用于将页面滚动至指定绝对坐标，参数x、y为像素值，分别表示文档左上角的水平和垂直偏移；默认瞬时跳转，需传入{top, left, behavior: 'smooth'}对象启用平滑动画。
scrollTo 方法的基本用法和参数含义
window.scrollTo 是浏览器原生 API，用于将页面（或指定容器）滚动到绝对坐标位置。它接收两个数值参数：x（水平偏移）和y（垂直偏移），单位是像素，从文档左上角开始计算。
常见误区是以为它只支持“相对滚动”，其实它是绝对定位：传 0, 100 就是强制把视口顶部对齐到文档 Y=100 的位置，不管当前在哪。
注意：该方法不触发平滑动画，默认是瞬时跳转；如需过渡效果，必须显式传入 { behavior: 'smooth' } 选项对象（见下文）。
如何实现平滑滚动到指定坐标
直接调用 window.scrollTo(x, y) 会生硬跳转，用户体验差。现代浏览器支持带选项的对象参数写法：
window.scrollTo({ top: 300, left: 0, behavior: 'smooth' });
关键点：
-
top对应原来的y坐标，left对应x；不能混用数字参数和对象参数 -
behavior: 'smooth'在 Chrome 61+、Firefox 68+、Safari 15.4+ 支持；旧版 Safari 需降级为auto或手动 polyfill - 如果只改垂直位置，
left可省略（默认为 0）；但不要传undefined，否则部分浏览器可能报错
常见错误：滚动没生效或坐标偏移异常
最常遇到的不是语法错，而是坐标理解偏差导致“滚到了奇怪的地方”：
- 误把元素的
offsetTop当作文档坐标——若元素在position: relative容器内，offsetTop是相对于父容器的，得用getBoundingClientRect().top + window.scrollY才准确 - 页面有固定头部（
position: fixed），但未在目标y上减去其高度，结果被遮挡 - 在
DOMContentLoaded事件里立即调用scrollTo，此时 DOM 渲染未完成，scrollHeight或元素尺寸可能不准；稳妥做法是加requestAnimationFrame或监听load - 在 iOS Safari 中，如果页面
没设height: 100%或存在弹性布局干扰，scrollTo可能静默失败
兼容性与替代方案选择
如果你需要支持 IE 或老版本移动端，window.scrollTo 的对象参数不可用，只能回退到数字参数 + 自行实现缓动逻辑，或者使用更轻量的替代：
- 用
element.scrollIntoView({ block: 'start', behavior: 'smooth' })滚动到某个元素——适合有明确锚点的场景，但无法精确到像素坐标 - 用
scrollTo的 polyfill（如smoothscroll-polyfill）补全行为选项，但要注意它仅作用于window，不支持自定义容器 - 避免用
document.body.scrollTop = y或document.documentElement.scrollTop = y：不同浏览器渲染模式下生效对象不同，且不支持平滑
真正要精确控制像素坐标的场景，还是得靠 window.scrollTo，只是得盯紧坐标来源是否真实反映文档布局状态。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
