`position: sticky` on mobile without `minimum-scale=1` (which breaks zoom out)

3 weeks ago 26
ARTICLE AD BOX

position: sticky works on PC. On phone, not quite. A sticky cell of a table lags behind (goes off-screen).

An accepted fix is to use <meta minimum-scale=1> in <header>. Still fine on PC. It almost works on mobile too, but zooming-in breaks it again. And it prevents zoom-out on mobile completely.

How can I use position: sticky successfully and be able to zoom out on mobile?

position: fixed suffers from the same issue as sticky, so I cannot use fixed to fix sticky.

Read Entire Article