Le truc, c'est que j'ai deux routes /istifta et /istifta/edit
La route /istifta affiche les istiftas (questions) tandis que /istifta/edit route ouvre un panneau pour modifier les questions sur la même page en raison du même fichier _layout.svelte .
Le seul problème est que lorsque /istifta/edit depuis /istifta . Il ouvre non seulement le panneau d'édition, mais défile également vers le haut de la page. Comment puis-je arrêter ce comportement? Je veux rester sur la même position de défilement sur cette navigation. Les istiftas sont une longue liste. Pour l'édition, il doit rester sur la même position de défilement. Faire défiler vers le bas encore et encore et trouver des identifiants est trop compliqué pour l'utilisateur.
Veuillez résoudre ceci. Surtout, Rich Harris , si vous lisez ceci.
3 Réponses :
Nous devrions vraiment sapper-noscroll de documenter cela, mais si vous ajoutez un attribut sapper-noscroll à une balise <a> , cela empêchera ce comportement:
<!-- in src/routes/istifta/index.svelte --> <a href="istifta/edit" sapper-noscroll>edit</a>
Extrêmement utile.
Salut, sapeur-noscroll ne fonctionne pas pour moi .. J'ai fourni mon utilisation ci-dessous .. Est-ce que je manque quelque chose?
"sapeur": "^ 0,27,9"
sapeur-noscroll ne fonctionne pas pour moi
blogs blogs / index.svelte
<a href="blogs">Go Back to Blogs </a> <h1> Blog details<h1>
blogs / [slug] .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>
il défile toujours vers le haut lorsque je retourne à la page Blogs à partir de la page Détails du blog. Est-ce que je manque quelque chose?
Nous sommes en 2020 et il semble que les choses ont changé d'un caractère depuis la réponse de Rich.
sapper-noscroll n'a pas fonctionné pour moi, mais sapper:noscroll fait.