微前端中window.scrollTo无法跨应用跳转对齐，必须由主应用统一调度：监听子应用挂载事件，在DOM就绪后通过data-scroll-id定位元素或委托子应用获取目标位置，再执行滚动。
window.scrollTo 本身不支持跨应用跳转对齐——它只作用于当前窗口的文档滚动，无法穿透微前端子应用的沙箱边界或 iframe 隔离层。真正能实现“跳转后对齐目标位置”的，是主应用统一接管滚动控制权，并在子应用挂载完成、DOM 就绪后再触发滚动。
window.scrollTo 在微前端中直接调用为何失效
- 子应用（如基于 qiankun / micro-app）通常运行在独立上下文（iframe 或 proxy 沙箱），
window指向的是子应用自身的全局对象，而非主应用的可视窗口 - 主应用调用
window.scrollTo({ top: y, behavior: 'smooth' })只会影响主应用容器的滚动，但子应用内部可能有自己封装的滚动容器（如div#app设置了overflow-y: auto），此时页面实际滚动发生在子容器内，主window的滚动无感知 - 若子应用使用了路由懒加载或异步组件，
scrollIntoView或window.scrollTo可能在 DOM 渲染前执行，导致目标元素不存在或坐标计算错误
微前端下滚动对齐必须由主应用统一调度
- 主应用需监听子应用的生命周期钩子（如
qiankun的afterMount或micro-app的mounted事件） - 主应用维护一个“待滚动队列”，例如通过 URL hash（
#section-2）或自定义参数（?scrollTo=contact）传递目标标识 - 子应用挂载完成后，主应用才去查询真实 DOM：优先查主文档中的锚点（如
[data-scroll-id="contact"]），若不存在，再委托给子应用暴露的 API 查询其内部节点位置
// 主应用中（伪代码）
microApp.on('mounted', (app) => {
const targetId = new URLSearchParams(location.search).get('scrollTo');
if (!targetId) return;
<p>// 先尝试在主文档找
let el = document.querySelector(<code>[data-scroll-id="${targetId}"]</code>);
if (!el && app?.getScrollTarget) {
// 委托子应用返回其内部目标元素或 offsetTop
el = app.getScrollTarget(targetId);
}</p><p>if (el && 'offsetTop' in el) {
window.scrollTo({
top: el.offsetTop - HEADER_HEIGHT,
behavior: 'smooth'
});
}
});</p>子应用需主动暴露滚动定位能力
子应用不能只依赖
scrollIntoView自行处理，因为它的视口是子容器，不是主窗口推荐子应用导出一个函数，如
getScrollTarget(id)，返回该 id 对应元素（或其offsetTop值），供主应用统一计算最终滚动坐标-
若子应用使用 React/Vue，注意在
useEffect/onMounted中确保 DOM 已挂载，且避免在服务端渲染（SSR）阶段调用 DOM API立即学习“前端免费学习笔记（深入）”；
必须校验元素是否真实存在，否则
offsetTop会是0，造成滚动错位若子应用内容高度动态（如图片懒加载、折叠面板），应在所有关键资源加载完毕后再通知主应用“就绪”
HEADER_HEIGHT应为固定值或从 CSS 变量读取（如getComputedStyle(document.documentElement).getPropertyValue('--header-height')），避免硬编码
iOS Safari 和局部滚动容器的兼容陷阱
- iOS Safari 对
behavior: 'smooth'的支持较晚（iOS 15.4+），旧版本会静默降级为auto；若需保底，主应用可检测并 fallback 到window.scrollTo(0, y) - 若子应用容器设置了
overflow: auto且高度受限，主应用的window.scrollTo完全无效；此时必须调用子应用提供的scrollToElement方法，滚动其内部容器 - 局部滚动场景下，
offsetTop不等于相对于窗口的绝对 Y 坐标，需手动叠加父容器的scrollTop和getBoundingClientRect().top
滚动对齐真正的复杂点不在 API 调用，而在于时机判断与坐标归一化——主子应用之间没有共享 DOM，也没有共享滚动上下文，一切坐标都得重新映射。
