Javascript 当我添加滚动动画功能时，导航栏熄灭

我正在尝试在我的网站上使用

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>

AOS.init({
持续时间：1200，
});

就像

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

但我的导航栏在手机版上已经过时了。看见

---

和一些未加载的内容，请参见图片。

如果使用带绝对位置的

左淡入

或

右淡入

，则会在移动屏幕设备中产生问题，并且所有内容都在加载！导航栏问题通过将

向左淡入

更改为

向上淡入

解决。仍然只有在刷新页面后才加载内容。