# Can I make a header menu like one in the URL below?

**URL:** https://forum.readymag.com/t/can-i-make-a-header-menu-like-one-in-the-url-below/261
**Category:** General topics
**Created:** [May 16, 2022, 5:36pm UTC](https://forum.readymag.com/t/can-i-make-a-header-menu-like-one-in-the-url-below/261 "2022-05-16T17:36:26Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Yasu](https://avatars.discourse-cdn.com/v4/letter/y/958977/32.png) [@Yasu](https://forum.readymag.com/u/Yasu)
#### Post date: [May 16, 2022, 5:36pm UTC](https://forum.readymag.com/t/can-i-make-a-header-menu-like-one-in-the-url-below/261/1 "2022-05-16T17:36:26Z")

</div>

Hi! I’m new here. I want to have a header menu like one in the URL below. Are there any ways to make it?

- scroll down until the header menu goes up and disappears.
- the header menu gets fixed on the top (The header moves in from the top if possible)

> **[2020 Year in Review — AREA 17](https://2020.area17.com/)**
>
> How we pushed the boundaries of our craft, broadened the horizons of our impact, and expanded the breadth of our soul in 2020.

---

<div class="post-metadata">

### Author: ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)
#### Post date: [May 17, 2022, 9:35am UTC](https://forum.readymag.com/t/can-i-make-a-header-menu-like-one-in-the-url-below/261/2 "2022-05-17T09:35:21Z")

</div>

hey Yasu,

yeah definetly possible.  
Build the Menu, Group it. Fix it on the for example left corner. Animate the menu to move down 50 px on scroll, add a delay if needed. now set the animation on every element of the menu. Move up your menu out of screen the pixel amount (here 50px) you have set in the animation.

Now after a scrolled delay your menu should move into screen.

Keep in mind: you can copy/paste the animation from one element onto another with shift + cmd + C/V. This is useful as you cannot animate a whole group that is fixed.

---

<div class="post-metadata">

### Author: ![Yasu](https://avatars.discourse-cdn.com/v4/letter/y/958977/32.png) [@Yasu](https://forum.readymag.com/u/Yasu)
#### Post date: [May 17, 2022, 6:09pm UTC](https://forum.readymag.com/t/can-i-make-a-header-menu-like-one-in-the-url-below/261/3 "2022-05-17T18:09:36Z")

</div>

Hi neueMeta,

Thank you for the reply.  
Yes, I understood and could make it.

Thanks again!