How to resolve position:fixed for a bottom toolbar on iOS (iPhone/iPad)

Question

I have a bar that is fixed to the bottom of every page on my website by using position:fixed. The problem is that on devices like iPhone or iPad this property is not respect

Answer 1

Since iOS 8.4, you can use position: sticky; respectively position: -webkit-sticky; to fix this.