JavaScript控制页面滚动主要用window.scrollTo()（绝对坐标）和element.scrollIntoView()（元素入视口）；前者支持平滑滚动对象参数，后者提供block/inline对齐选项；获取元素坐标推荐getBoundingClientRect().top + window.scrollY。
JavaScript 控制页面滚动到指定坐标位置，主要用 window.scrollTo() 或 element.scrollIntoView()，前者适合绝对坐标，后者适合让某个元素进入视口。
使用 window.scrollTo() 滚动到精确像素位置
这个方法接收 x（水平）和 y（垂直）两个坐标值，单位是像素，原点在页面左上角。
- 滚动到页面顶部：
window.scrollTo(0, 0) - 滚动到距离顶部 500 像素处：
window.scrollTo(0, 500) - 支持平滑滚动：传入对象
{ top: 500, left: 0, behavior: 'smooth' }
使用 scrollTo 的兼容写法（避免报错）
某些旧环境或 iframe 中 window.scrollTo 可能不可用，可改用 document.documentElement.scrollTo 或兜底到 window.scroll：
document.documentElement.scrollTo({ top: 300, behavior: 'smooth' })-
window.scroll({ top: 300, behavior: 'smooth' })（window.scroll是window.scrollTo的别名）
让某个元素滚动到可视区域（更常用、语义清晰）
如果目标是让某个 DOM 元素出现在屏幕上，直接调用它的 scrollIntoView() 更直观：
立即学习“Java免费学习笔记（深入）”；
-
document.getElementById('my-section').scrollIntoView()（默认居顶） -
element.scrollIntoView({ block: 'center', behavior: 'smooth' })（居中 + 平滑） -
element.scrollIntoView({ block: 'nearest', inline: 'start' })（最小滚动，保持当前横向位置）
获取元素相对于页面顶部的坐标（配合 scrollTo 使用）
若需先算出某元素的 y 坐标再滚动，可用 getBoundingClientRect().top 加上当前滚动偏移：
const top = element.getBoundingClientRect().top + window.pageYOffset- 或更简洁：
element.offsetTop（仅适用于无复杂定位的静态布局，不推荐依赖） - 稳妥做法：
element.getClientRects()[0]?.top + window.scrollY
