hey all. I've asked a question similar to this before but I'm trying to see if there's a better solution out there.
I'm trying to replicate a mobile webpage that is longer than the viewport (not a super rare case...)
I make a scroll component that is screen width and height. inside that I put all my content.
https://framer.cloud/hKQnt/ for quick reference.
On framer cloud and framer mirror the content goes from top of screen to bottom of screen. which is fine. But I'm going to be building a webpage, and when you open it in safari on a phone, as you scroll down the 'page' the safari top and bottom bars remain static, they don't fold away like they do in real life.
So the solution I've already discovered is to replicate the safari bars as shown here:
and then open the prototype on framer mirror or cloud. However, I want to upload my prototypes to a server so that the usability folks can open them on any phone directly from url.
So the TL;DR: is there a way to construct my main page scorllcomponent so that when it's opened on mobile safari the status bars react to scrolling correctly?