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

我正在尝试在我的网站上实现滚动动画 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图片。

最佳答案

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

https://stackoverflow.com/questions/56396304/

相关文章:

java - 如何在 Reactive Spring WEBFlux(Spring 5) 中读取上传

flutter - 用前置摄像头录视频抖动屏幕变暗变窄

mysql - 如果我定义一个卷,Docker-compose 将不会启动 MySQL

reactjs - 使用 react-testing-library 时让 react-datepi

f# - 如何为 Saturn 应用构建集成测试

ionic-framework - ionic Mapbox GeolocateControl :

angular - @angular-devkit/build-ng-packagr :build

java - 不再支持嵌入 Flash 的视频

javascript - 如何让外部库 intellisense 在 vscode for java

python - 函数定义的 Pythonic 顺序是什么?