问题描述
当同一页面上还有一个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