TA的每日心情 | 衰 2018-3-6 17:36 |
---|
签到天数: 1 天 [LV.1]初来乍到
新手上路
- 积分
- 3
|
<div class="swiper-container swiper-container-h" id="main">
<div class="swiper-wrapper">
<div class="swiper-slide" id="page1">
<!--<div class="logo"><img src="./images/logo.png" alt="logo" /></div>-->
<!--<div class="arrows pointing"><img src="./images/arrows.png" alt="提示箭头" /></div>-->
<div class="kv"><img src="./images/kv.jpg" alt="kv" /></div>
<div class="text"><img src="./images/txt.png" alt="文字" /></div>
</div>
<div class="swiper-slide">
<!--嵌套的swiper-->
<div class="swiper-container swiper-container-v" id="main2">
<div class="swiper-wrapper">
<div class="swiper-slide" id="page2">
<img src="./images/lang/1.png" alt="活动安排">
<img src="./images/lang/2.png" alt="活动安排">
<img src="./images/lang/3.png" alt="活动安排">
<img src="./images/lang/4.png" alt="活动安排">
<img src="./images/lang/5.png" alt="活动安排">
<img src="./images/lang/6.png" alt="活动安排">
<img src="./images/lang/7.png" alt="活动安排">
<img src="./images/lang/8.png" alt="活动安排">
<img src="./images/lang/9.png" alt="活动安排">
<img src="./images/lang/10.png" alt="活动安排">
<img src="./images/lang/11.png" alt="活动安排">
<img src="./images/lang/12.png" alt="活动安排">
<img src="./images/lang/13.png" alt="活动安排">
<img src="./images/lang/14.png" alt="活动安排">
<img src="./images/lang/15.png" alt="活动安排">
<img src="./images/lang/16.png" alt="活动安排">
<img src="./images/lang/17.png" alt="活动安排">
<img id="btn" src="./images/lang/18.png" alt="点亮星辉,你来接力!">
<img src="./images/lang/19.png" alt="活动安排" style="margin-bottom: 100px;">
</div>
</div>
<!--使用滚动的插件-->
<div class="swiper-scrollbar" id="swiper-scrollbar"></div>
</div>
</div>
<div class="swiper-slide" id="page3">
<img src="./images/temp.png" alt="临时"/>
</div>
</div>
</div>
var mySwiper1 = new Swiper('.swiper-container-h', {
pagination: '.swiper-pagination-h',
direction:'vertical',
paginationClickable: true,
spaceBetween: 50
});
var mySwiper2 = new Swiper('.swiper-container-v', {
pagination: '.swiper-pagination-v',
scrollbar: '.swiper-scrollbar',
paginationClickable: true,
direction: 'vertical',
spaceBetween: 50,
slidesPerView: 'auto',
mousewheelControl: true,
freeMode: true
});
如何才能在滚动到底部的时候,在向上滚动,滑动到下一页呢?现在的问题是滑动到底部之后,无法跳出到第三页
|
|