scroll - 如何阻止 Sapper 在嵌套路由中滚动回到顶部？

Question

问题是我有两条路线/istifta 和 /istifta/edit

/istifta 路由显示 istiftas(问题)，而 /istifta/edit 路由由于相同的 _layout 而在同一页面上打开一个用于编辑问题的面板.svelte 文件。

唯一的问题是当我从 /istifta 访问 /istifta/edit 时。它不仅会打开编辑面板，还会滚动到页面顶部。我怎样才能阻止这种行为？我想在此导航时保持相同的滚动位置。 istiftas 是一个很长的列表。对于编辑，它应该保持在相同的滚动位置。一次又一次地滚动到底部并查找 id 对用户来说过于复杂。

请解决这个问题。特别是，Rich Harris，如果您正在阅读本文。

Answer 1

我们真的应该开始记录这个，但是如果你添加一个 sapper-noscroll属性为 <a>标记，它将阻止这种行为:

<!-- in src/routes/istifta/index.svelte -->
<a href="istifta/edit" sapper-noscroll>edit</a>