使用CSS视差在刷新/返回时保持滚动位置

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

.parallax-element {
  transform: translateZ(0);
}

.parallax-container {
  perspective: 1000px;
  perspective-origin: 50% 50%;
}

.parallax-element {
  transform: translateZ(0) translateY(-50%);
}

window.addEventListener('scroll', function() {
  var scrollPosition = window.scrollY || window.pageYOffset;
  var parallaxElements = document.querySelectorAll('.parallax-element');
  
  for (var i = 0; i < parallaxElements.length; i++) {
    var parallaxElement = parallaxElements[i];
    parallaxElement.style.transform = 'translateZ(0) translateY(' + (-scrollPosition * 0.5) + 'px)';
  }
});