滑动到底部背景时的垂直滑块-图像被压缩

body {
  background-image: url('背景图像的URL');
  background-size: cover;
  background-repeat: no-repeat;
}

window.addEventListener('scroll', function() {
  var scrollPosition = window.pageYOffset || document.documentElement.scrollTop;
  var windowHeight = window.innerHeight || document.documentElement.clientHeight;
  var documentHeight = document.documentElement.scrollHeight;

  if (scrollPosition + windowHeight >= documentHeight) {
    // 用户滑动到了页面底部，执行相应的操作
    compressBackgroundImage();
  }
});

function compressBackgroundImage() {
  var backgroundImage = document.body.style.backgroundImage;
  var scale = 0.5; // 压缩比例，可以根据实际需求进行调整

  document.body.style.backgroundSize = 'auto ' + (scale * 100) + '%';
}