Re-size Web Site Header When Scrolling

**sorengen** · 01 August 2018, 12:26 AM

Is there a way do make a sticky web site header shrink when scrolling down and then go back to its original size when back at the top again?

**gwpriester** · 01 August 2018, 01:39 AM

Not specifically. But if your visible header (non-sticky) covers a sticky header then as the visitor scrolls the non-stick header is replaced with the sticky smaller header.

**Egg Bramhill** · 01 August 2018, 03:00 PM

Is this the type of thing you're thinking of?

DEMO

**SueB** · 01 August 2018, 08:47 PM

That's really cool!

**sorengen** · 02 August 2018, 01:11 AM

Ahhh! That's a great work around! It's not exactly what I had in mind, but I'll make it work. Good thinking out of the box. Thanks!

**sorengen** · 02 August 2018, 01:12 AM

Cool demo Egg Bramhill! Did you make it the way gwpriester suggested?

**Egg Bramhill** · 02 August 2018, 10:23 PM

Hi Sorengen, I'm not 100% sure but if not, then very similar.

I've attached the xar file for you to dissect. When previewing ensure you view in a modern browser & not Xara's default IE.

**sorengen** · 27 September 2018, 08:58 PM

Egg, sorry I'm just getting back to you … THANK YOU for this file! I'm finally getting around to making the website I'll use this for! Much appreciated!