Switching pages after scrolled - end up at the top

[Wolfr]

If you switch pages on a website, you would expect to end up at the top (scroll position 0). This is currently not the case, the scroll position remains.

[Wolfr]

Update - I fixed this with

    afterUpdate(() => {
        window.scrollTo(0, 0);
    });

Doesn't feel very clean but it works.

I wonder if setting scroll to 0,0 is part of other routing projects 🤔

[jakobrosenberg]

You make a good point.

How about an afterNavigate hook?

<script>
  import { Router, afterNavigate } from "@sveltech/routify";
  import { routes } from "@sveltech/routify/tmp/routes";

  afterNavigate = () => window.scrollTo(0, 0) 
</script>

<Router {routes} />

It could also be a runtime option, though obviously less transparent and powerful.

[Wolfr]

I don't see a reason why you wouldn't just lock it down in the framework. If the author wants to retain scroll position (can't come up with an example for this but hey, maybe someone else can), they could enable it. So 0,0 is the default; but you could opt out of that functionality if you have a reason to with a flag?

[jakobrosenberg]

I guess we could create an autoScrollToTop and set it to true by default. This way, if anyone is so inclined, they have the option to opt out.

[jakobrosenberg]

Should be fixed in the latest release.

[AlexanderBelkevich]

@jakobrosenberg This feature doesn't work on 1.0.1-53.
Maybe, I need to add something in my code?

[jakobrosenberg]

@AlexanderBelkevich I'll have a look and get back to you.

[jakobrosenberg]

@AlexanderBelkevich This has been fixed in 1.0.1-54.

[AlexanderBelkevich]

@jakobrosenberg Awesome! Now it's working :) Thank you)