I’ve very quickly built this site to show a storyboard layout as a site (as doing it as all one image or a PDF resulted in low quality or forced downsized images)
So very simply the person looks at the page and they can scroll H and V to see the HD versions of the UI storyboard - in the top right is a basic overview of the storyboard layout (just a static image)
What i’m wondering is how easy is it to add a little square within that top right div that tracks the users location on the site.
Like Photoshops navigator window popup does:
I can’t code at all. and I’m showing this to the client tomorrow.
You know how, when you link to a section with a unique ID, the link gets a focus class when you’re on said section? I don’t know if it would work but if each of your mockup was a section, and if you navigator was a navbar with a grid of links mimicking the sections structure, would it highlight the section you’re on? I really don’t know if this can work but if someone can make it work without coding it’s you
I tried it on the first one - it picks up vertical height exactly as we wanted it to but sadly not horizontal location so the 1st one stays active even if off screen to right as long as at that level
Prob’s not helped by the fact that Webflow wont let me see things horizontally except on the live version
Hi @vincent - for now i’ve got it like this - so it just highlights the whole row you are on seems a simple workaround for now - Client meeting got moved to Tuesday so got a bit more time to refine everything!
Hey @OvertonGraphics, one solution would be to create “windows”, each 100 width and 100 height and then to use interactions to fade in a segment over the top - see https://webflow.com/website/Focus-TEMPLATE for an example of windows.
How do I do navigation with OnClick in Interactions?
The reason I don’t have page scrolling as mentioned earlier is that it only scrolls vertical height not horizontally. Would it be possible to scroll H with an Interaction?
I couldn’t see how to navigate the page with an interaction OnClick though.