Streaming live at 10am (PST)

Fixed components don't stay fixed


#1

Hello.

I'm experiencing a weird problem with position: fixed. I've used fixed elements in most sites I've worked on and never had a problem. However, this is not the case with our last project.
As you can see, we have a sticky nav and a few fixed full-screen modals. They stay fixed within Webflow's editor, but act as absolute when I publish the site.

Here's a public link: https://preview.webflow.com/preview/seegrowthsummit2015?preview=470ed8842db64890a4f80d489ae132bb

Any ideas?

Thanks in advance,
D.


#2

I don't see that... did you modify the site since you've posted here?


#3

I duplicated the site and used the second version as a staging environment, but I must have mixed up the two versions.

Anyway, I'm pretty sure I found out what's going on, maybe the Webflow team should add it as a warning. Most modern browsers have a problem with fixed positioning+transforms. I had a fancy fade+move up interaction applied on the body (essentially a pseudo-loader). It was breaking all elements with fixed positioning.

Thanks for your reply, I removed the interaction and everything is back to normal. smile


#4