Javascript AOS(滚动动画)未全屏工作
我有一个网站,在那里我添加了Javascript AOS(滚动动画)未全屏工作,javascript,jquery,html,animate-on-scroll,Javascript,Jquery,Html,Animate On Scroll,我有一个网站,在那里我添加了AOS动画 <div class="row-div"> <div class="inner-row-div" data-aos="fade-up" data-aos-duration="1200" data-aos-easing="ease-in-out"> <div class="teams" style="background-image: url('assets/images/sample.jpg');">
AOS
动画
<div class="row-div">
<div class="inner-row-div" data-aos="fade-up" data-aos-duration="1200" data-aos-easing="ease-in-out">
<div class="teams" style="background-image: url('assets/images/sample.jpg');">
</div>
<div class="img-div">
Sample Text<br>Sample Text
</div>
</div>
<div class="inner-row-div" data-aos="fade-up" data-aos-duration="1000" data-aos-easing="ease-in-out">
<div class="teams" style="background-image:url('assets/images/sample.jpg');">
</div>
<div class="img-div">
sample<br>sample
</div>
</div>
请仔细检查
AOS
demo它是否正常工作?我已经检查过了,在我以前的项目中它也在那里,但在当前项目中它不工作。我还试着准确地复制粘贴所有东西,当打开网站时,没有一个动画能在全屏上工作。但是如果我最小化窗口,它可以工作。可能是其他js
与AOShow冲突可能是与其他js冲突,rest js工作正常,并且控制台中没有错误。
<script>
AOS.init();
</script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>