使用哈希深度链接到页面部分时滚动位置错误

Question

我正在运行一个 SvelteKit 项目。我主页上的链接引用了其他页面上的 hash / id 的页面部分。当我单击链接（CSR）时，特定页面会在错误的滚动位置打开。当我刷新页面或复制/粘贴 url (SSR) 时，页面位置滚动到引用的页面部分。

主页：

<a href="/detailpage#section-name">

详情页面：

<section id="section-name">

SvelteKit 中客户端渲染滚动位置错误的原因可能是什么？

Answer 1

您是否尝试过在链接上添加 data-sveltekit-reload ？

<a data-sveltekit-reload href="/detailpage#section-name">

它可能会强制重新加载，但它可以解决问题。