Go back at same location of the previous page

[Ankur]

Continuing the discussion from How to go back at same location of the previous page:

@NigelG

Well, that is a LOT harder than I had imagined …

Sadly, bubble doesn’t allow you to use a dynamic offset on the “scroll to” … so you can’t save the scroll position and then use that to scroll when you return.

And also, Bubble’s workflow loses the internal scroll position it seems. You can get round it.

A simpler way would be to pass the scroll position in a parameter.

You will then need to scroll to an element based upon the numeric scroll position.

Still trying to get it working, but getting there. A few bugs to raise

Hi @NigelG, any luck with this?

[NigelG]

Yes, I think so.

But I need to remember what I was doing it for

[Ankur]

Yes I understand, it’s quite an old post. Will be great help if you can recall.

[patricia]

That something that I’m looking for too. Will appreciate a few pointers in the right direction.

[leonidas.petrou4]

Hi guys, this was answered by @fayewatson in a previous thread. I applied the logic to my app and it works beautifully. Here is a link. Hope it helps!

How to scroll a new element, without scrolling the rest? (Like all mobile apps)

Great question! I believe this is easier for repeating groups, but when you don’t have a repeating group, it can be a bit tricky. There may be a better way, but one possible workaround is to use a combination of parameters, and the Toolbox plugin in order to run custom JavaScript. Here is an example: Preview: Editor: Here there is a Settings Group, located on the page and a Notifications Group, located in its own Floating Group. When one of the blue groups on the Settings Group is clicked…

[NigelG]

Aha, yes that very clever using the Javascript to scroll.

There is still a bug, in that if you try to save the scroll position in the database, it will always be zero. It sends it via a parameter fine, which is odd.

The reason I wanted to do this, was to make the scroll position more generic and operate across multiple pages.

So when I go to another page, I store the sending URL and scroll position in a list on the user.

Then when we load a page, I can see if there was a scroll position previously stored (within x time).

However that is scuppered by the bug at the moment.

[JonL]

If you are using a one-page app you can save the last position to a state and use the toolbox to scroll to. With more complex one-page apps you can even create a LIFO list of positions saved to a state when going to previous pages. Similar to a mobile app.

Just remember to reset the state(single or list) when the navigation sequence path is broken.

[patricia]

Thank you @leonidas.petrou4 for the link. I’d missed that one. And @NigelG I have a similar requirement to you. And finally, @JonL for making me believe that it is possible. This is a challenge for next week.