3

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

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

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

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

4

3 回答 3

7

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

<!-- in src/routes/istifta/index.svelte -->
<a href="istifta/edit" sapper-noscroll>edit</a>
于 2019-09-26T13:16:55.723 回答
0

“工兵”:“^0.27.9”

sapper-noscroll 不适合我

博客 blogs/index.svelte

<a sapper-noscroll href="blogs/1">Go to Blog 1</a>
<a sapper-noscroll href="blogs/2">Go to Blog 2</a>
<a sapper-noscroll href="blogs/3">Go to Blog 3</a>
<a sapper-noscroll href="blogs/4">Go to Blog 4</a>
...
...
<a sapper-noscroll href="blogs/100">Go to Blog 100</a>

博客/[slug].svelte

<a href="blogs">Go Back to Blogs </a>
<h1> Blog details<h1>

当我从博客详细信息页面返回博客页面时,它仍然滚动到顶部。我错过了什么吗?

于 2019-10-04T05:14:59.010 回答
0

现在是 2020 年,自 Rich 的回答以来,情况似乎发生了变化。

sapper-noscroll对我不起作用,但sapper:noscroll确实如此。

关于该主题的 Sapper 文档

于 2020-11-14T15:47:58.277 回答