Back and Forward browser buttons

Saola Animate Support Questions
1

Currently it seems as if the export of Saola Animate is to “One” html page and all navigation must occur within the pages but cannot be navigated via the browser…

Is there a way to make back and forward browser buttons take you to different scenes?

Thanks!

2

I don’t know if there is anything built into Saola, but you can do it manually although there are various steps you’ll need to include in your project.

  1. You’ll need to use history.pustState to add the items to the browser history for each scene. See - https://developer.mozilla.org/en-US/docs/Web/API/History_API

  2. Each of these items will need to be unique for each scene, so I’d suggest modifying the querystring.

  3. You’ll then to set the project to read the querystring on load and redirect to that scene if necessary.

See here for query string - https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams

Saola then has doc.showSceneAt or doc.showScene that can then be used to change the scene.

1 Like
3

Thanks so much – that is super helpful!