如何修复页面移动时图像不移动的问题

body {
  background-image: url('image.jpg');
  background-attachment: fixed;
}

window.addEventListener('scroll', function() {
  var image = document.getElementById('image');
  var scrollPosition = window.pageYOffset || document.documentElement.scrollTop;
  image.style.transform = 'translateY(' + scrollPosition + 'px)';
});

.image {
  position: fixed;
  top: 50px;
  left: 50px;
}