Javascript Keith Clark和Scrollmagic在视差背景下工作——首选CSS，但jQuery提示很有帮助

我目前正在flexbox列表中显示大约30幅图像，背景中有一幅更大的图像。我想反复使用这种格式，因此必须使其与不同尺寸兼容。flexbox列表不是问题，视差背景是。到目前为止，我已经尝试过基思·克拉克的视差想法，但没有结果。我也用GSAP试用了ScrollMagic，它只是非常起伏，在滚动时看起来很糟糕

目前，我的内容结构如下：

<div id="xScrollHolder">
<div id="bgImageWrapper">
 <img id="bgImage" src="parallaxbackgroundImage">
</div>
<div id="xScrollContent">
  <div id="flexboxContent">
  </div>
  <div id="flexboxContent">
  </div>
  <div id="flexboxContent">
  </div>
  <div id="flexboxContent">
  </div>
</div>
</div>

包含元素xScrollHolder的大小目前为100vw和100vh，但内容保持架xScrollContent处于自动状态，以尽可能适合flexboxContent

同样，我希望只显示一个图像作为整个背景。我可能对Keith Clark的教程做了一些错误的处理，但是由于某些原因，我无法让图像填充背景，而不使其变成shite

谢谢