scroll - 如何阻止 Sapper 在嵌套路由中滚动回顶部?
问题描述
问题是我有两条路线
/istifta
和/istifta/edit
该/istifta
路线显示 istiftas(问题),而/istifta/edit
路线打开一个面板,用于在同一页面上编辑由于相同_layout.svelte
文件而出现的问题。
唯一的问题是当我/istifta/edit
从/istifta
. 它不仅会打开编辑面板,还会滚动到页面顶部。我怎样才能阻止这种行为?我想在此导航时保持相同的滚动位置。istiftas 是一个很长的列表。对于编辑,它应该保持在相同的滚动位置。一次又一次地滚动到底部并查找 id 对用户来说过于复杂。
请解决这个问题。特别是,Rich Harris,如果您正在阅读本文。
解决方案
我们真的应该开始记录这一点,但是如果你sapper-noscroll
向标签添加一个属性<a>
,它会阻止这种行为:
<!-- in src/routes/istifta/index.svelte -->
<a href="istifta/edit" sapper-noscroll>edit</a>
推荐阅读
- python - 将 Dask 列转换为 datetime 类型的新 Dask 列
- sql - 删除现有的日志文件并在 sql server 中创建新的日志文件
- java - 使用 Visual Studio 2017 开发/调试/编译 Java 程序
- python - 在输入管道中使用 TensorFlow 特征列
- r - 使用 grepl 匹配从到数据集的列中的字符串
- c# - 多个混合 .NET 项目中的相同程序集版本(相同的解决方案)
- javascript - 如何在javascript中组合连续日期?
- php - Codeigniter Setfrom 中的 PHP Mailer 不会向 gmail、hotmail、ymail 发送电子邮件,但 setfrom 会将其他自定义业务电子邮件发送到例如 abc@ab.com
- java - 如何在码头服务器中配置 java util 日志记录
- powershell - 无法在 Jenkins 上运行 PowerShell