Navbar Resize on Scroll....

**Tazz** · 21 September 2018, 10:35 PM

Originally Posted by gwpriester

I am not sure why but using a trigger should bring the bar down from the top, but it doesn't. Also I think the trigger needs to be out of the screen which is problematic because every monitor is different.

I'm going to send a message to the Xara team and see if they have any suggestions.

Thank you so much. I know, it's probably something quite easy, but that easy, I can't seem to find

Tazz

**Tazz** · 26 September 2018, 04:53 PM

Nothing yet? Does anyone out there with those brilliant Xara minds have any idea how to do this...or replicate it some how? Thanks again.

**gwpriester** · 26 September 2018, 05:26 PM

I passed this request along to Xara. I don't think it can be done with the current animation capabilities. Maybe Siran or Acorn can find a script to do this?

**Tazz** · 26 September 2018, 10:17 PM

Originally Posted by gwpriester

I passed this request along to Xara. I don't think it can be done with the current animation capabilities. Maybe Siran or Acorn can find a script to do this?

Thank you so much. I'll see if they know any way to do it. I have been experimenting (could be dangerous) with different things to see if I can get it to work to no avail.

Tazz

**gwpriester** · 26 September 2018, 10:32 PM

I would probably move on to Plan B.

**Acorn** · 27 September 2018, 02:53 PM

I have had a go and just about manage it with a Navbar that is Sticky at Top but initial position is down the page a bit. A Trigger object, half-way down the page.

A Reveal animation on the Trigger for the initial large icon. It hides a smaller icon that is Sticky at Top.

I used a Fade In of around a second but Xara fails to ease such animations out so you get a fast shutter effect on reversing.

Overall, the effect is not pleasant so i would use jQuery and CSS3 to do it properly.

Acorn

**Tazz** · 28 September 2018, 12:13 AM

Originally Posted by Acorn

I have had a go and just about manage it with a Navbar that is Sticky at Top but initial position is down the page a bit. A Trigger object, half-way down the page.

A Reveal animation on the Trigger for the initial large icon. It hides a smaller icon that is Sticky at Top.

I used a Fade In of around a second but Xara fails to ease such animations out so you get a fast shutter effect on reversing.

Overall, the effect is not pleasant so i would use jQuery and CSS3 to do it properly.

Acorn

Ahhhh, that's a shame. I sure wish there was an easier way. So as gwpriester stated, might want a Plan B.

Well thank you to both of you for offering a look into this.

Regards,
Tazz