# Sticky navbar help!

**URL:** <https://forum.readymag.com/t/sticky-navbar-help/4086>\
**Category:** Animations\
**Created:** [December 27, 2024, 9:35pm UTC](https://forum.readymag.com/t/sticky-navbar-help/4086 "2024-12-27T21:35:53Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sebastian\_Rosas](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/sebastian_rosas/32/2767_2.png) [@Sebastian\_Rosas](https://forum.readymag.com/u/Sebastian_Rosas)\
**Post date:** [December 27, 2024, 9:35pm UTC](https://forum.readymag.com/t/sticky-navbar-help/4086/1 "2024-12-27T21:35:53Z")

</div>

Hello everyone, I’m doing a website for a client and I would like to know how I can do a sticky navbar like this site:

[Example page](https://gvo.works/)

Here’s the mockup of the website that I’m doing:

[Mockup](https://www.figma.com/proto/hzqPAGGz3VF916XMtRZcda/SAE---WEBSITE?page-id=0%3A1&node-id=170-1835&viewport=1379%2C1084%2C0.12&t=E3dVcNT2oGSBqFjT-1&scaling=scale-down-width&content-scaling=fixed&hide-ui=1)

I’ve try with several things, but I can’t achieve it ☹

Already thanks \< 3

---

<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:** [January 4, 2025, 11:06am UTC](https://forum.readymag.com/t/sticky-navbar-help/4086/2 "2025-01-04T11:06:37Z")

</div>

Add an animation to your navelements to move down on scroll if it reaches the top.

---

<div class="post-metadata">

**Author:** ![Sebastian\_Rosas](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/sebastian_rosas/32/2767_2.png) [@Sebastian\_Rosas](https://forum.readymag.com/u/Sebastian_Rosas)\
**Post date:** [January 4, 2025, 7:18pm UTC](https://forum.readymag.com/t/sticky-navbar-help/4086/3 "2025-01-04T19:18:58Z")

</div>

Hey, thanks for your reply! \< 3

I was able to do it, but it’s not linear like the one on the example website. I set the movement to be linear and completely at 0, but if I scroll fast, it has a certain brake that causes it to be off. Do you have any idea what it could be?

You could see it here:  
[Readymag Website](https://readymag.website/u301585276/5188492/)

Thank you very much!

---

<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:** [January 6, 2025, 10:13am UTC](https://forum.readymag.com/t/sticky-navbar-help/4086/4 "2025-01-06T10:13:58Z")

</div>

on my side its working fluidly… but yes soometimes on scrolling really fast it hangs for a millisecond…  
But I think you cannot really do something about it.