The issue arrises when I try to make multiple pages and contol them with setting states.
I create the pages - stack them one after the other in a row collapse their height when not visible.
like this:
I made some sort of work around where I place groups that is set to collaps when not visible as the hight of the ‘Stacked pages’ inside my floating side menu which seems to work, but is this how I am suppose to do this?
What do you fx do with scrollable pages where you don’t know how long the content will be?
Do not worry about the height of the page on the editor. There are apps with tens of thousands pixels high.
Conditionally set their visibility via custom states or url parameters but making sure that collapse when hidden is set in each. Since you are going to the same page, url parameters should work for a PWA no problem. Have not published to the stores with url parameters yet, but a change to custom states can be used (it is just too intricate for my taste).
Make your floating left menu as high as the page always. Set to float to both, left and above. Make sure it’s top/bottom borders touch the top/bottom borders of the page.