如何修复滚动时浮动在导航栏上的图像？

img {
  position: fixed;
  top: 10px;
  left: 10px;
}

window.addEventListener('scroll', function() {
  var img = document.getElementById('image');
  var nav = document.getElementById('navbar');
  var navHeight = nav.offsetHeight;
  
  if (window.pageYOffset > navHeight) {
    img.style.position = 'fixed';
    img.style.top = '10px';
    img.style.left = '10px';
  } else {
    img.style.position = 'static';
  }
});

img {
  position: relative;
  z-index: 1;
}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}