swiper 移动端的实际应用--业绩报告--高度适配

项目默认使用swiper3

使用Swiper再配合一些你喜欢的小动画，你的图片立即变成活灵活现的微场景、微海报。

CSS3、TweenMax、animate.css都具有轻量或易于使用的特点，或使用我们提供的Swiper Animate小插件。

http://3.swiper.com.cn/usage/index.html

---

正确的显示方式

---

核心js

页面html官方文档有提供

var mySwiper = new Swiper('.swiper-container', {
                    direction: 'vertical',
                    onTap: function(swiper) {
                        mySwiper.slideNext();
                    }
                });

---

重点高度适配

如果没有核心CSS代码会出现下面的这种情况，高度不能适配，会出现滚动条

---

核心CSS代码

html,
body {
  width: 100%;
  height: 100%;
}