首页 > 解决方案 > 如何阻止 Sapper 在嵌套路由中滚动回顶部?

问题描述

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

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

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

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

标签: scrollsveltesapper

解决方案


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

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

推荐阅读