swiper插件动画初始化问题

namelesswei 2015-08-14 03:09:35
有竖直方向滑动v1,v2,v3每个页面里面有动画,然后v2里面有三个水平滑动h1,h2,h3,每个页面也有动画
竖直初始化代码

var swiper = new Swiper('.swiper-v, {

pagination: '.swiper-pagination',
direction: 'vertical',
paginationClickable: true,
// Disable preloading of all images
preloadImages: false,
// Enable lazy loading
lazyLoading: true,
lazyLoadingInPrevNext : true,
onInit: function(swiper){
swiperAnimateCache(swiper);
swiperAnimate(swiper);
},
onSlideChangeEnd: function(swiper){
swiperAnimate(swiper);
}
});

水平方向动画初始化代码

var swiperh = new Swiper('.swiper-h', {
pagination: '.swiper-pagination-h',
direction: 'horizontal',
paginationClickable: true,
// Disable preloading of all images
preloadImages: false,
// Enable lazy loading
lazyLoading: true,
lazyLoadingInPrevNext : true,
prevButton:'.swiper-button-prev',
nextButton:'.swiper-button-next',
onInit: function(swiperh){
swiperAnimateCache(swiperh);
swiperAnimate(swiperh);
},
onSlideChangeEnd: function(swiperh){

swiperAnimate(swiperh);

}
});

现在的问题是:当我滑到v2的时候,h1的动画出来了正常,但是还没显示的h2的动画也出来了(正常是要滑动到h2才出来的),h3的正常,求解啊。
...全文
1325 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_39571172 2017-07-20
  • 打赏
  • 举报
回复
引用 4 楼 qq_35515563 的回复:
这个问题我之前有遇到过,你试着在这里加一个这段试看看 var swiper = new Swiper('.swiper-v, { pagination: '.swiper-pagination', direction: 'vertical', paginationClickable: true, // Disable preloading of all images preloadImages: false, // Enable lazy loading lazyLoading: true, lazyLoadingInPrevNext : true, onInit: function(swiper){ swiperAnimateCache(swiper); swiperAnimate(swiper); }, onSlideChangeEnd: function(swiper){ swiperAnimate(swiper); } onTouchEnd: function (swiper) { swiperAnimate(swiper); } });
试过无效~请问还有别的办法吗
qq_39571172 2017-07-20
  • 打赏
  • 举报
回复
想问楼主解决没~我改了一万遍~
「已注销」 2017-07-07
  • 打赏
  • 举报
回复
楼主解决了吗?我也遇到类似问题,请指教!
QQ_286115751 2016-07-05
  • 打赏
  • 举报
回复
这个问题我之前有遇到过,你试着在这里加一个这段试看看 var swiper = new Swiper('.swiper-v, { pagination: '.swiper-pagination', direction: 'vertical', paginationClickable: true, // Disable preloading of all images preloadImages: false, // Enable lazy loading lazyLoading: true, lazyLoadingInPrevNext : true, onInit: function(swiper){ swiperAnimateCache(swiper); swiperAnimate(swiper); }, onSlideChangeEnd: function(swiper){ swiperAnimate(swiper); } onTouchEnd: function (swiper) { swiperAnimate(swiper); } });
namelesswei 2015-11-11
  • 打赏
  • 举报
回复
引用 2 楼 pandd1019 的回复:
我也想知道。。楼主请问你解决了吗
没处理,后来水平方向的动画取消了~
pandd1019 2015-11-09
  • 打赏
  • 举报
回复
我也想知道。。楼主请问你解决了吗
namelesswei 2015-08-14
  • 打赏
  • 举报
回复
怒顶。。。。

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧