使用 react scrollmagic 修复图像序列的抖动/抖动

我遇到了一个很好的例子，可以实现类似于 Apple 在其网页上所做的图像滚动效果。原始示例在这里 https://codesandbox.io/s/image-sequence-onscroll-react-react-scrollmagic-vbswn

当您填满整个页面时，这很有效，但将其放入网页中间的 div 时效果很差。有什么办法可以减少这种情况的混乱吗？为了说明这一点，我修改了示例以包含页眉页脚 & 将动画移动到 flexBox 中。参见 https://codesandbox.io/s/image-sequence-onscroll-react-react-scrollmagic-forked-ewd0h

当您向下滚动时。然后向上滚动。图像会稍微覆盖浅灰色标题，然后再回到它应该位于的位置。滚动越快，情况越糟。有什么解决办法吗？或者有什么更好的库（带有示例）来说明如何实现这种效果？