Sticky Navbar starts scrolling without permission

Design help Animations & Interactions
#1

Hej Forum :slight_smile:

I’m having a strange issue on my Navbar. It’s sticky on all pages. But on some pages, it just starts scrolling out of view, when leaving the header.

https://preview.webflow.com/preview/stupidandsimple?utm_medium=preview_link&utm_source=designer&utm_content=stupidandsimple&preview=aa19ec5326dde990a0c7e4b02589bf21&pageId=5db0e54a71caa29f07c96afc&mode=preview

Only appearing online, not in preview mode:

I found out, that 100vh of the header might cause this. But how can I fix this?

Any ideas?

Thanks all.

#2

Hey @Stupid!

The problem is with the body element. You set it to 100%.

image
image1834×884 132 KB

I think it fix to 100% of the window, so when the navbar hit it, it stop going down.

Hope it helsp you! :slightly_smiling_face:

#3

Thanks so much, that you took a look at this. The funny thing is that we didn’t make any settings on the body:

Bildschirmfoto 2020-04-27 um 21.38.15
Bildschirmfoto 2020-04-27 um 21.38.15474×744 11.5 KB

How could this be?

#4

Humm… ok.

Can you send again your share link? That one isn’t working for me.

#5

Sure :slightly_smiling_face: Here we go:

https://preview.webflow.com/preview/stupidandsimple?utm_medium=preview_link&utm_source=designer&utm_content=stupidandsimple&preview=aa19ec5326dde990a0c7e4b02589bf21&mode=preview

#6

I think the problem is with the script of calendly:

image
image1823×921 122 KB

image
image1804×517 37.9 KB

It’s the only thing different from the others pages that I found.

Maybe? :thinking:

1 Like
#7

Thank you so much for taking such a deep look into the site. You seem to be right. This error only shows up on pages with calendly included :open_mouth:

Incredible mate. Thanks so much.