Spent 6 days, trying to get a navbar to stick in my iOS webapp while scrolling, no way to get it done.
This morning I installed iOS update 11.3, problem solved without changing a single line of CSS...

FUCK YOU APPLE

It was for a PhoneGap app, so it uses the Safari webview somehow in the background. And I tried the 'position:sticky' as well, didn't do a thing.

Did remove it after trying though! Don't need any weird and unpredictable results on other devices (or after updates apparently).

Position sticky is cool, but on safari it needs a prefix...
Try this:

.sticky {
position: -webkit-sticky;
position: sticky;
}

Source: https://caniuse.com/#search=Sticky

awesome that position sticky has been adopted by browser, so so cool!!

(last time I checked ages ago it was only FF)

Prefix the value, not the property?

-webkit-position: sticky; would have made much more sense to me.

No wonder I couldn't get it to work. Then again, did learn something today, Thanks!

@ingriT I've wasted a good few hours on this too...