Navigation breaks when using scrollactive AND router. about vue-scrollactive

[eddiemf]

Hello!

I see the problem happens because you have a navigation action set on that scrollactive item, which was not expected, since the scrollactive items were not meant to link outside of the current page, only to navigate (scrolling) between sections.

Can you please explain to me why you're using scrollactive to navigate between pages? Do you have a #team section in your page which should be highlighted in the menu when scrolling past it, but when the actual menu link is clicked it goes to another page?

If that's so, I think adding an option to not push the section ID to the URL should solve your problem, right? So you'd have no #team in the URL when clicking the link.

I will soon push an updated version with this feature and will let you know.

Thanks for your feedback :)

EDIT:

The new version is already up. Update the library in your project and set a :modify-url: "false" (should be in the documentation now) prop where you're calling it.

Let me know if that solves your problem.

[sandrooco]

Yup that works! Thanks for the great response time and solution.
Only problem: The scroll position isn't saved when going back to the overview in Internet Explorer.

[sandrooco]

It happens on IE11, probably on older versions too. I don't think that's a problem of scrollactive, rather simply IE.
I ended up saving the scroll position in a vuex store before going to the other route, then setting the position according to that when going back.

[eddiemf]

I'm glad it worked :)

What do you mean by the "the scroll position isn't saved"?

[sandrooco]

Sorry, that was quite unclear (updated it).
The problem is, that IE doesn't restore the scroll position when going back to the overview, the user has to scroll down again.

[eddiemf]

Oh ok, I'll check that out. Does it occur in all IE versions or only in older ones?