search

beard-crosby / photo-app-frontend

A Photography and Art viewing app without any accumulative data such as "Likes" or amount of comments. This is a website for people who aren't looking for gratification but are looking to simply to share their work.
0 stars 0 forks source link

Sticky Nav #4

Open Maximilian118 opened 5 years ago

Maximilian118 commented 5 years ago

We should make the nav sticky in such a way that it only 'sticks' the bottom half (nav half) of the header to the top of the window making for a slicker look and gives more space for the content when users scroll down.

I'm thinking full-size nav on page load > user scrolls down the page and the top half of the nav with logo and upload stuff hides itself > user scrolls up and the top half of the nav drops in again.

This involves some actual JS so I'll do this at a later date or you could just implement this if you feel like it.

samuelbeard commented 5 years ago

That's a good idea. It can be animated subtly to slide up when you start scrolling and slide back when you reach the top.

I'd also suggest no having a bottom border on it while the page is scrolling. Just have a subtle shadow to show it is up off the screen slightly.