swiper
泽冕
努力学习,不要后悔!
展开
-
微场景 swiper 监测当前页数进而做其他动作
var lihong = document.getElementById('interact');var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', paginationClickable: true, watchSlidesProgress : tr原创 2017-11-07 16:32:38 · 872 阅读 · 0 评论 -
swiper 滑动图片垂直居中
swiper 会产生两个div 一个是 swiper-container,另外一个是 swiper-wrapper,这两个div高度100%,再将wrapper 设置display :flex 然后设置 align-items: center 就可以了转载 2017-11-02 16:07:58 · 2343 阅读 · 0 评论 -
微场景 swiper 监测当前是第几页
属性swiper.realIndex 可以告诉你当前是第几页 在swiper中最有用的回调函数onSlideChangeEnd,这个函数可以在slide切换结束时,做很多事情 比如 微场景每页加载不同的音乐 同时还有一个比较有用的属性swiper.realIndex 可以告诉你当前是第几页 从而配合onSlideChangeEnd做判断完成一些事情;...原创 2019-01-09 18:24:38 · 9187 阅读 · 0 评论