前端开发

长页面点击锚点后 URL 已变化却不滚动：原理、排查与 HTML/SPA 实现

XanderDING 2026-08-12 31 min

当长页面中点击 `<a href="#id">` 后地址栏出现了目标 hash，但视口没有滚动时，问题通常不在 a 标签本身，而在目标元素、默认导航、渲染时机或实际滚动容器。本篇从原生片段导航机制出发，提供可直接运行的 HTML Demo、JavaScript 补偿方案，以及 React、Vue 路由场景下的通用处理模式。