NAVBARS SHRINK ON SCROLL

[edmiston99]

Has anyone been able to accomplish anything on the navbar shrinking to a smaller version on scroll beyond what was accomplished in Tazz's 2018 post? I've scoured the forum, and can't find anything new.

[Acorn]

The original Tazz Thread is https://www.talkgraphics.com/showthr...size-on-Scroll.

There is nothing native to Xara that does this gracefully.

Here is a JavaScript approach: JS - Shrinking NavBar Logo.xar

The logo has a Name of 'tg-logo'.
The JS code and the CSS use this value.
Rename the log, change the code.

The maths is set for when the page scrolls to the bottom the logo is shrunk to 30%.
You need to adjust this calculation if you want it to be fully shrunk by a specified height reached.

Acorn

[edmiston99]

The original Tazz Thread is https://www.talkgraphics.com/showthr...size-on-Scroll.

There is nothing native to Xara that does this gracefully.

Here is a JavaScript approach: JS - Shrinking NavBar Logo.xar

The logo has a Name of 'tg-logo'.
The JS code and the CSS use this value.
Rename the log, change the code.

The maths is set for when the page scrolls to the bottom the logo is shrunk to 30%.
You need to adjust this calculation if you want it to be fully shrunk by a specified height reached.

Acorn

Well, it looks like that will be my only real option. It should be able to be worked with.

[edmiston99]

Thank you