Takaaki

Posted on Dec 15, 2017

When `position: fixed;` is not working.

#css

Hello, This is my first posting :)

If a parent elements has transform properties, position: fixed; of children elements does not be working.

That case, The children elements behave like position: absolute;.

Solution to the problem

If a parent elements uses transform animation, Replace without transform animation. or Remove transform properties or Set transform: none;.

Also if the parent element has a " will-change: transform; " attribute, the fixed child element will be relative to the parent

Also, if the parent element is using the perspective attribute, the fixed postion will not work in the child.

Big experience to me :) Thanks.

omg dude, thanks a lot, I would never have guessed : D

THANKS A LOT

Also, if the parent element has a contain attr with a value set to content, layout, paint or strict than it will not work.

Thanks... That was the solution :D

Also, if the parent is using backdrop-filter: blur().
I spent 3 days on in

Absolute lifesaver bro thank you

Solid, thanks Takaaki