如何在水平滚动中更改背景

<div class="scroll-container">
  <!-- 内容 -->
</div>

.scroll-container {
  width: 100%;
  overflow-x: scroll;
  background-image: url('背景图片的URL');
  /* 其他样式属性 */
}

var container = document.querySelector('.scroll-container');

container.addEventListener('scroll', function() {
  var scrollPosition = container.scrollLeft;
  // 根据滚动位置来改变背景
  // 可以使用条件语句或计算来实现不同的背景效果
});