javascript - 当我在滚动功能上添加动画时，导航栏熄灭

Question

我正在尝试在我的网站上实现滚动动画 here使用 AOS

HTML

<link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>

JS

<script>
   AOS.init({
       duration: 1200,
   });
</script>

像这样使用

<div data-aos="fade-up">

但是我的导航栏在移动版本中消失了。参见 this还有一些内容未加载 here , 请参阅 this图片。

Answer 1

是的，将 fade-left 更改为 fade-up 解决了这个问题，当使用 fade-left 时导航栏无法正常工作