bug问题:
详细代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="./js/aos3.js"></script>
<!-- <script src="./js/zepto.js"></script> -->
</head>
<link rel="stylesheet" href="./css/aos.css" />
<style type="text/css">
.aos-item{
width: 100%;
margin: 6px;
}
.aos-item .title{
background-color: aliceblue;
height: 40px;
width: 100%;
}
.aos-item .content{
background-color: #ececec;
height: 240px;
width: 100%;
}
</style>
<body>
<div class="aos-items">
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="0">
<div class="title">
标题一
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="200">
<div class="title">
标题二
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="400">
<div class="title">
标题三
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="600">
<div class="title">
标题四
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="800">
<div class="title">
标题五
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="1000">
<div class="title">
标题六
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="1200">
<div class="title">
标题七
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="1400">
<div class="title">
标题八
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="1600">
<div class="title">
标题九
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="1800">
<div class="title">
标题十
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="2000">
<div class="title">
标题十一
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="2200">
<div class="title">
标题十二
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="2400">
<div class="title">
标题十三
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="2600">
<div class="title">
标题十四
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="2800">
<div class="title">
标题十五
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="3000">
<div class="title">
标题十六
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="3200">
<div class="title">
标题十七
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
<div class="aos-item aos-init" data-aos-offset="20" data-aos="fade-up" data-aos-delay="3400">
<div class="title">
标题十八
</div>
<div class="content">
我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
</div>
</div>
</body>
</html>
<script>
AOS.init({
});
</script>
希望帮忙解决一下