How to make the menu to move up a few pixels when start scrolling down?

Design help General
1

I am trying to recreate something like this. I wan the menu to get go to the top and stay there when I scroll down and come back to its original position if I go scroll all the way to the top.

Here is the example http://pixel-industry.com/html/builder/index.html

Here is my public share link: https://preview.webflow.com/preview/cdu-preview?preview=e453fa60b810ace6d800c69be4319069

2

Hello @Sebasgaes!

I would put this navbar and little top bar in the section with position: fixed.Then created interaction with scroll trigger, connected to the one of the objects under the navifation, but affecting that fixed section. Interaction would move the section up as much as it is needed for make navbar stick to the top of the page.

Cheers,
Anna

1 Like
3

I suggest you look for a Sticky Navigation plugin because wf interactions don’t have the option to add/remove
classes on scroll.

1 Like
4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.