scrollto 是标准滚动方法，scroll 是非标准别名；两者参数和行为一致，但 scrollto 更可靠，推荐优先使用，尤其在 iframe 或 sandbox 环境下。
scrollTo 是什么，和 scroll 有什么区别
scrollTo 是原生 JavaScript 提供的全局方法（也挂载在 window 上），用于将视口滚动到指定坐标。它和 scroll 功能完全一致，只是名字更明确——scroll 是历史遗留别名，MDN 明确标注为“非标准但广泛支持”，而 scrollTo 是标准方法，应优先使用。
- 两者参数完全相同，行为无差异
- 在现代浏览器中，
scrollTo更可靠，尤其在某些 iframe 或 sandbox 环境下scroll可能被禁用 - 不要混用：比如写
window.scroll({ top: 100, behavior: 'smooth' })虽然可能生效，但属于非规范用法
滚动到绝对坐标（x/y）的写法
最基础的用法是传入像素数值，表示滚动到文档左上角为原点的绝对位置：
window.scrollTo(0, 200); // 滚动到垂直方向 200px 处
window.scrollTo({ left: 0, top: 200 }); // 推荐：对象写法，更清晰
注意：
-
top是文档顶部起算的垂直偏移，不是元素距离视口顶部的距离 - 如果页面有横向滚动，
left控制水平位置 - 值可以是负数，但浏览器会自动 clamped 到合法范围（不会报错）
- 直接调用时默认是“瞬时滚动”，无动画
实现平滑滚动并定位到某个元素
单纯靠 scrollTo 无法直接“滚动到元素”，需要先获取元素位置，再计算坐标：
const el = document.querySelector('#target');<br>if (el) {<br> const rect = el.getBoundingClientRect();<br> window.scrollTo({<br> top: window.scrollY + rect.top,<br> behavior: 'smooth'<br> });<br>}
常见坑：
-
el.offsetTop不可靠：受父级position、transform、边框等影响 -
getBoundingClientRect().top是相对于视口的，必须加上window.scrollY才是文档绝对坐标 -
behavior: 'smooth'只在scrollTo的对象参数中生效，不能用于数字参数形式 - Safari 对
behavior: 'smooth'支持较晚（iOS 15.4+），旧版本会退化为瞬时滚动，不报错也不警告
兼容性与替代方案（当 scrollTo 不可用时）
极少数环境（如某些 WebView 或老版 Electron）可能禁用或未实现 scrollTo。此时可降级：
- 检查是否存在：
typeof window.scrollTo === 'function' - 若不可用，改用
element.scrollIntoView()（注意：它滚动的是元素自身，不是视口坐标） -
scrollIntoView的参数也支持{ behavior: 'smooth', block: 'start' }，但对block和inline的解析在各浏览器间略有差异 - 不要试图用
scrollTop+setInterval自己实现平滑滚动——动画精度、节流、取消逻辑都容易出错，且无法与系统滚动行为同步（比如用户中途拖拽）
真正要注意的，是 getBoundingClientRect 返回值依赖当前渲染状态，如果在 DOM 更新后立即调用（比如 Vue 的 nextTick 或 React 的 useLayoutEffect），否则可能拿到旧位置。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
