当Slick.js位于同一页面上时,AOS.js无法正常工作的问题

问题描述

当同一页面上还有一个Slick.js滑块时,使AOS.js正常工作似乎是一个问题。 如何在页面上同时显示两者(需要滑动条)

我已经包含了脚本和CSS

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

Inserted the <div data-aos="zoom-in"></div>

And initiated the AOS.js     AOS.init();

(也尝试更改一些与延迟,偏移量等不同的设置。但是没有运气。

似乎是由Slick-slider引起的问题。我已经尝试了另外两个具有相同问题的库(Lax.js和Wow.js)(尽管在Firefox浏览器中更糟)。

有人建议如何解决这个问题?经过数天的反复试验,我看不到它。谢谢。

这是实时示例:http://testnl10.vini4all.nl/toepassingen/glazuur(第2列文字旁边) 并在首页上:http://testnl10.vini4all.nl/(在白色和灰色部分的横幅下方)

解决方法

找到了使它对我有用的解决方案。将此代码插入app.js:

$(window).on("scroll",function () {
     AOS.init();
 });

通过这些问题,我终于找到了可行的解决方案: https://github.com/michalsnik/aos/issues/635

https://github.com/kenwheeler/slick/issues/3406