reactjs - Lottie 动画越过头球

Question

您可以在 www.dynamicpoa.com 中查看正在发生的事情

只需滚动，您就会看到一切正常，除了标题上方的 SVG 动画 (Lottie)。在两个页面中(“/”和“/cursos”)。

任何人都有关于如何修复它的提示？

我尝试将标题位置更改为“固定”和“粘性”，但似乎没有任何效果。我也尝试更改包含动画的 div 的属性。

珍惜你的时间。

非常感谢。

Answer 1

您只需要设置一个 z-index为您 header或 .sticky类，像这样:

.sticky{
  position: sticky;
  z-index: 10;
}