Community forum for knowledge and support

Updated 6 months ago

Custom-built bottom bars that don't play nicely with mobile chrome

Super random question:

Anyone have custom-built bottom bars that don’t play nicely with mobile Chrome?

Bottom-fixed bar floats up on downward scroll when the tabs bar recedes. Anybody solve this before?

R
S
2 comments

Try to give 100 svh to the parent container and keep it relative & to the bottom bar, give the position sticky or absolute and bottom 0.


You can do a dedicated parent child combo for this and put it after your body.

So..

Body
~ Tab Container : Relative, 100SVH
~~~ Tab Component : Absolute, Bottom 0

Yes, make sure to use 100% SVH or DVH rather than VH

Add a reply
Sign up and join the conversation on Slack