|
|
|
|
|
by ahstilde
4279 days ago
|
|
I currently use Keep, but it's getting messy. Hopefully this will help! I really like how your logo goes from the top of the page, centered, to the bar at the top. I don't know too much about web design (I'm still learning), but how did you accomplish this? |
|
The header is set as position: fixed in css so it will stick to the top of the page. We hook into the document.onscroll event and set a css transform on the logo when the page is scrolled down. The css transition gives it a smooth animation. We also transition the opacity on the “Organize your way” text to hide it as it moves to the top of the page.