当Slick.js在同一页面上时，AOS.js无法工作的问题

Question

当在同一页面上也有一个AOS.js滑块时，让Slick.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();

(还尝试更改一些不同的设置:延迟、偏移等，但没有成功。

似乎是滑块造成的问题。我已经尝试了另外两个库(Lax.js和Wow.js)，也遇到了同样的问题(不过在火狐浏览器中情况更糟)。

有什么建议可以解决这个问题吗？经过几天的试验和错误，我没有看到它。谢谢。

这是实时示例：http://testnl10.vini4all.nl/toepassingen/glazuur (除了2栏文本之外)和主页上的：http://testnl10.vini4all.nl/ (在白色和灰色部分的横幅下方)

Answer 1

找到了让它为我工作的解决方案。在app.js中插入以下代码：

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

通过这些问题，我终于找到了有效的解决方案：https://github.com/michalsnik/aos/issues/635

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