Menu After 100vh

Ask the community
1

Hi community! I have a question about the drop-down menu after 100vh I think I’ve heard of such a function in just Editor, but I can’t find it in Editor x and i need it because due to design u can see it’s duplicated all info from menu

I have first section on full 100vh

I’ll attach my design and example from another site

https://static.wixstatic.com/media/885ead_6a03a839ffcc4c50a4d40f80f8290ec0~mv2.png(image larger than 4 MB)

Example ( But it’s should be work after 100vh in my case)

I would be very grateful for an answer👻

2

So as I can understand, we are talking about pinned header with color fill effect, all you need to do, is just to make some changes in inspector panel, please see the example attached:

3

Hi, I’m little describe my case in video Loom | Free Screen & Video Recording Software | Loom

First section 100vh
header should be hidden and appear on top after 100vh
Because in the first section u can see buttons that are duplicated and so I decided to make this animation

thanks :sparkles:

4

ok, now it seems that I got this
achievable but with sticky instead of pinned values
so you need to reorder the 1st section and header and set header to Sticky

5

blob:https://www.editorxcommunity.com/bda830fa-32fc-4323-95ac-ef33989e50b9

6

Hi, thanks
But This video won’t play😣

7

strange, working form my side
let me share the link: https://www.youtube.com/watch?v=sA3CupagPUs

8

Thanks, I have small example how it’s done in this website Сrunchy & Healthy | re-feel

In this case you can see header dropped from up after 200px but in my case i want after 100vh and want have same animation
Is it possible?

9

Hey @dimakurlov90 , sharing this but you can recreate this by using a bit of overflow and working with the pinned header scroll effects:

10

Thanks! Will try your propose
Should be work☘️

11

Let us know if it did. :grinning: