I have an image having a fixed position:

img {
  position: fixed;
  top: 0;
}

On mobile browsers, when scrolling down on the page, the address bar typically disappears which redefines the y = 0 coordinate. When that happens, the image jumps brutally, which is annoying.

Is there a way to make the jump smoother using an animation ? It is my understanding that CSS animations are to be applied only on CSS values changes, here the change comes from the viewport.