How to enable CSS position: sticky in mobile browsers?

Question

Added some position: sticky property to my webpage. On Desktop browser work fine but sucks in mobiles.

which browser and which version are you testing? – Cezar Augusto Jul 22 '17 at 01:43 — Cezar Augusto, Jul 22 '17 at 01:43
Safari ios10 and chrome for ios – Ulukbek Abylbekov Jul 22 '17 at 02:21 — Ulukbek Abylbekov, Jul 22 '17 at 02:21

score 30 · Accepted Answer · answered Jul 22 '17 at 04:00

30

sticky property for Chrome and Safari for iOS needs to be set with -webkit vendor first:

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

You can check about browser compatibility in canIUse

answered Jul 22 '17 at 04:00

Cezar Augusto

1 Answers1