sticky persistent nav possible?

Joanna Sim-Chen shared this question 6 years ago
Answered

Is there anyway to make a sticky persistent nav bar? I'd like it to stay at the top of the page if possible.

Comments (10)

photo
1

But if the screen is a scrollable iphone screen, what specifically do you need to do to keep the nav anchored at the top?

photo
1

Sorry - I'm still learning. I don't see a place to set an object as floating. Where/how do I do that?

photo
1

Say, you are working on an iphone prototype.


1. Place your nav bar at the top.


2. Just below it place a dynamic panel


3. Set dynamic panel's Vertical Scroll and Horizontal Scroll to Always Visible.


4. Place all the widgets inside the dynamic panel.


85316ff3986798279d86d11a5d4cdb3a

photo
1

Hi, this isn't working at all for me. Might it be because of iOS7? Or why doesn't template, always on top nor dynamic panel work? Need this to work asap, in order to start a big project or not with this tool tmrw :/ Been trying learning and trying different methods this evening, but its going slow since some features doesn't seem to work, even though I've seen multiple videos and even scrolled through the whole manual.


I need to be able to have a sticky header, and to be able to scroll the rest of the text.


Ive tried simulating it in both safari/firefox/chrome, as well as opening it on my iphone 5 with ios 7.


Thanks for any ideas or info!

photo
1

Never mind! Think I got it to work. The problem was that the content I put inside the dynamic panel, only looked like it was in it, I had to make sure it actually connects to it by dragging the image to the upper left corner.. or atleast that made it work for me!


And a reboot or two made the images appear in the Safari simulation..

photo
1

Hello Justinmind,


In the example you made right above, is it possible to have an object SHOW in Panel 1 when the dynamic panel scrolls to a certain position?


In my case, I am trying to get a logo to appear once the user scrolls down past 150 pixels.


Thanks for your help.

photo
1

I am encountering same issue - JustInMind come up with a solution? This is a pretty common ui pattern I would think it shouldn't be that difficult >:[

photo
1

Hi Maggie,


Unfortunately you will just be able to do that just in case you are not using a dynamic panel. However I will transfer this information to our development team so they can take it into account for future updates.


Sorry for any inconvenience.


Best,


Sonia Durán