search

transitionnetwork / TNv3.0

New website iteration
GNU General Public License v3.0
0 stars 0 forks source link

Make main nav sticky as you scroll down #135

Closed thisisyoke closed 7 years ago

thisisyoke commented 7 years ago

Headroom js is the best solution here. As you scroll down the mani nav can stick to the top and have a different state, a more compressed state. As you scroll back up it will then regain it's normal positioning.

Estimate, Design time: 1 hour

@arhinostorm please estimate dev time

arhinostorm commented 7 years ago

3 hours - menu has a lot of items in it, gonna be a fairly chunky fixed nav?

ainsliebeattie commented 7 years ago

is there any way to not have the whole menu - just the top buttons - we don't want clunky!

thisisyoke commented 7 years ago

Tom was saying 'chunky' as in heavy..it would have the rollover panels as well. We could perhaps create an alternate version of the main buttons @arhinostorm which don't have the html for the rollover panels in there so it is lighter?

samuk commented 7 years ago

When testing this on /dev I have some issues moving to the menu items.

On Chrome 55 whatismybrowser.com/w/5B4EW2D

1) Hover over top menu item (eg stories) This causes menu to pop open.

2) Then move cursor downwards towards menu item 'view all stories'

3) The menu disappears.

Could you test and see if you are able to replicate this?

Thanks

Sam